| | |
| | | <div> |
| | | <basic-container |
| | | :class="[ |
| | | 'witerFontColorInput', |
| | | $store.state.control.screenSize == 1366 ? 'smallSize' : 'normalSize', |
| | | $store.state.control.windowWidth >= 1024 ? 'tooRowSearch1' : '', |
| | | ]" |
| | |
| | | :page.sync="page" |
| | | :permission="permissionList" |
| | | ref="crud" |
| | | :search.sync="search" |
| | | @row-update="rowUpdates" |
| | | @row-save="rowSave" |
| | | @search-change="searchChange" |
| | |
| | | @cell-click="handleRowClick" |
| | | class="businessStatisticsStyle tablesss" |
| | | > |
| | | <template slot="menuLeft"> |
| | | <el-button |
| | | type="warning" |
| | | size="small" |
| | | plain |
| | | icon="el-icon-download" |
| | | @click="handleExportBusinessStatis" |
| | | >导出 |
| | | </el-button> |
| | | </template> |
| | | </avue-crud> |
| | | </basic-container> |
| | | <el-dialog |
| | | class="tongji-class" |
| | | :title="dialogTitle" |
| | | width="80%" |
| | | append-to-body |
| | | :visible.sync="dialogShow" |
| | | v-if="dialogShow" |
| | |
| | | </div> |
| | | </template> |
| | | <script> |
| | | import FileSaver from "file-saver"; |
| | | import XLSX from "xlsx"; |
| | | import { mapGetters } from "vuex"; |
| | | import { |
| | | selectYw, |
| | | dictionaryList, |
| | | } from "../../api/statisticalQueryManagement/statisticalQueryManagement"; |
| | | import { lazyTreeJu, lazyTrees } from "../../api/index/index"; |
| | | import { lazyTrees } from "../../api/index/index"; |
| | | import businessStatisticsDetail from "./businessStatisticsDetail"; |
| | | import businessStatisticsPq from "./businessStatisticsPq"; |
| | | import businessStatisticsFwdq from "./businessStatisticsFwdq"; |
| | | import securityGuardDetail from "./securityGuardDetail"; |
| | | import Qs from "qs"; |
| | | import { getToken } from "@/util/auth"; |
| | | export default { |
| | | name: "业务情况统计", |
| | | components: { |
| | |
| | | total: 0, |
| | | ...this.$store.state.control.changePageSize, |
| | | }, |
| | | search: {}, |
| | | query: {}, |
| | | value1: "", |
| | | value2: "", |
| | | tableData: [ |
| | | // { |
| | | // company: "江西省永安保安服务有限公司", |
| | | // subOffice: "南昌市公安局", |
| | | // customer: "76", |
| | | // num: "1124" |
| | | // }, |
| | | // { |
| | | // company: "南昌市赣水保安服务有限公司", |
| | | // subOffice: "东湖分局", |
| | | // customer: "85", |
| | | // num: "1428" |
| | | // }, |
| | | // { |
| | | // company: "江西中业兴达保安服务有限公司", |
| | | // subOffice: "西湖分局", |
| | | // customer: "46", |
| | | // num: "974" |
| | | // } |
| | | ], |
| | | tableData: [], |
| | | tableOption: { |
| | | excelBtn: true, |
| | | // excelBtn: true, |
| | | delBtn: false, |
| | | editBtn: false, |
| | | addBtn: false, |
| | |
| | | ...this.$store.state.control.clearOtherBut, |
| | | column: [ |
| | | { |
| | | label: "公司名称", |
| | | label: "企业名称", |
| | | prop: "enterpriseName", |
| | | search: true, |
| | | searchSpan: 4, |
| | |
| | | display: false, |
| | | }, |
| | | { |
| | | label: "单位类型", |
| | | label: "企业属性", |
| | | prop: "stats", |
| | | search: true, |
| | | searchSpan: 4, |
| | |
| | | }, |
| | | }, |
| | | methods: { |
| | | //业务情况统计信息导出 |
| | | handleExportBusinessStatis() { |
| | | this.$confirm("是否导出业务情况统计信息数据?", "提示", { |
| | | confirmButtonText: "确定", |
| | | cancelButtonText: "取消", |
| | | type: "warning", |
| | | }).then(() => { |
| | | //获取查询条件 |
| | | const { releaseTimeRange } = this.search; |
| | | if (releaseTimeRange) { |
| | | this.search["startTime"] = releaseTimeRange[0]; |
| | | this.search["endTime"] = releaseTimeRange[1]; |
| | | } |
| | | var data = { |
| | | jurisdiction: this.search.jurname, |
| | | stats: this.search.stats, |
| | | deptid: this.search.enterpriseName, |
| | | startTime: this.search.startTime, |
| | | endTime: this.search.endTime, |
| | | }; |
| | | // console.log(data,123); |
| | | //序列号url形式,用&拼接 |
| | | data = Qs.stringify(data); |
| | | window.open( |
| | | `/api/information/export-business-statis?${ |
| | | this.website.tokenHeader |
| | | }=${getToken()}&` + data |
| | | ); |
| | | }); |
| | | }, |
| | | getSubOfficeData() { |
| | | lazyTrees().then((res) => { |
| | | if (res.data.code === 200) { |
| | |
| | | dictionaryList().then((res) => { |
| | | if (res.data.code === 200) { |
| | | this.tableOption.column.forEach((item) => { |
| | | if (item.label == "单位类型") { |
| | | if (item.label == "企业属性") { |
| | | item.dicData = res.data.data; |
| | | } |
| | | }); |
| | |
| | | this.onLoad(this.page, this.query); |
| | | }, |
| | | onLoad(page, params = {}) { |
| | | params = this.search; |
| | | this.loading = true; |
| | | let param = {}; |
| | | param["jurisdiction"] = params["jurname"] || ""; |