| | |
| | | <el-table-column prop="name" label="区域名称" min-width="10"> |
| | | </el-table-column> |
| | | <el-table-column prop="count" label="事件总数" min-width="5"> |
| | | <template slot-scope="scope"> |
| | | <el-popover |
| | | placement="right" |
| | | width="400" |
| | | trigger="click"> |
| | | <el-table :data="gridData"> |
| | | <el-table-column width="150" property="date" label="日期"></el-table-column> |
| | | <el-table-column width="100" property="name" label="姓名"></el-table-column> |
| | | <el-table-column width="300" property="address" label="地址"></el-table-column> |
| | | </el-table> |
| | | <div > |
| | | <el-pagination |
| | | background |
| | | :current-page="currentPages" |
| | | layout="prev, pager, next" |
| | | :total="totalNums" |
| | | :page-size="pageSizes" |
| | | @current-change="changeCurrentPages" |
| | | > |
| | | </el-pagination> |
| | | </div> |
| | | <el-button type="text" slot="reference" @click="seachTotalEvents(scope.row.id)">{{scope.row.count}}</el-button> |
| | | </el-popover> |
| | | |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="ratio" label="占比" min-width="5"> |
| | | </el-table-column> |
| | |
| | | </template> |
| | | <script> |
| | | import { createNamespacedHelpers } from "vuex"; |
| | | import basecase from "@/api/operate/basecase"; |
| | | const { mapActions } = createNamespacedHelpers("statistics"); |
| | | |
| | | export default { |
| | | data() { |
| | | return { |
| | | totalNums:1, |
| | | pageSizes:10, |
| | | currentPages:1, |
| | | gridData:[], |
| | | pickerOptions: { |
| | | shortcuts: [ |
| | | { |
| | |
| | | methods: { |
| | | ...mapActions(["searchByArea"]), |
| | | |
| | | seachTotalEvents(id){ |
| | | console.log(this.value2) |
| | | let params ={ |
| | | type:1, |
| | | street:id, |
| | | current: this.currentPage, |
| | | size: this.pageSize, |
| | | } |
| | | params.startTime = this.value2[0]||'' |
| | | params.endTime = this.value2[1]||'' |
| | | basecase.baseCasePoolList(params).then(res=>{ |
| | | console.log(res) |
| | | }) |
| | | }, |
| | | handleExport(e) { |
| | | this.$axios({ |
| | | method: "post", |
| | |
| | | this.totalNum = res.total; |
| | | }); |
| | | }, |
| | | changeCurrentPages(page){ |
| | | this.currentPages = page; |
| | | }, |
| | | // 当前页改变触发事件 |
| | | changeCurrentPage(page) { |
| | | this.currentPage = page; |