| | |
| | | <basic-container> |
| | | <avue-crud |
| | | :option="tableOption" |
| | | :table-loading="loading" |
| | | :data="tableData" |
| | | :page.sync="tablePage" |
| | | :page.sync="page" |
| | | :permission="permissionList" |
| | | :before-open="beforeOpen" |
| | | @date-change="dateChange" |
| | | ref="crud" |
| | | @row-update="rowUpdates" |
| | | @row-save="rowSave" |
| | | @search-change="searchChange" |
| | | @search-reset="searchReset" |
| | | @current-change="currentChange" |
| | | @size-change="sizeChange" |
| | | @refresh-change="refreshChange" |
| | | > |
| | | </avue-crud> |
| | | </basic-container> |
| | | </template> |
| | | <script> |
| | | // import FileSaver from "file-saver"; |
| | | // import XLSX from "xlsx"; |
| | | import { mapGetters } from "vuex"; |
| | | import { |
| | | selectDis, |
| | | selectFw, |
| | | fwList |
| | | } from "../../api/statisticalQueryManagement/statisticalQueryManagement"; |
| | | import { lazyTreeJu,lazyTrees } from "../../api/index/index"; |
| | | export default { |
| | | name: "业务情况统计", |
| | | name: "业务情况统计明细", |
| | | data() { |
| | | return { |
| | | page: { |
| | | pageSize: 10, |
| | | currentPage: 1, |
| | | total: 0 |
| | | }, |
| | | query: {}, |
| | | value1: "", |
| | | value2: "", |
| | | tableData: [ |
| | | { |
| | | company: "江西省永安保安服务有限公司", |
| | | subOffice: "南昌市公安局", |
| | | timeStart:'2020-07-14', |
| | | timeEnd:'2021-06-30', |
| | | customerName: "南昌市幼儿园", |
| | | num: "7", |
| | | // status: "正在服务", |
| | | bz:'', |
| | | }, |
| | | { |
| | | company: "南昌市赣水保安服务有限公司", |
| | | subOffice: "东湖分局", |
| | | timeStart:'2020-01-23', |
| | | timeEnd:'2020-12-31', |
| | | customerName: "南昌市第一人民医院", |
| | | num: "32", |
| | | // status: "已完成", |
| | | bz:'', |
| | | }, |
| | | { |
| | | company: "江西中业兴达保安服务有限公司", |
| | | subOffice: "西湖分局", |
| | | timeStart:'2020-03-16', |
| | | timeEnd:'2021-7-29', |
| | | customerName: "南昌市动物园", |
| | | num: "12", |
| | | // status: "未下单", |
| | | bz:'', |
| | | }, |
| | | // { |
| | | // company: "江西省永安保安服务有限公司", |
| | | // subOffice: "南昌市公安局", |
| | | // timeStart: "2020-07-14", |
| | | // timeEnd: "2021-06-30", |
| | | // customerName: "南昌市幼儿园", |
| | | // num: "7", |
| | | // // status: "正在服务", |
| | | // bz: "" |
| | | // }, |
| | | // { |
| | | // company: "南昌市赣水保安服务有限公司", |
| | | // subOffice: "东湖分局", |
| | | // timeStart: "2020-01-23", |
| | | // timeEnd: "2020-12-31", |
| | | // customerName: "南昌市第一人民医院", |
| | | // num: "32", |
| | | // // status: "已完成", |
| | | // bz: "" |
| | | // }, |
| | | // { |
| | | // company: "江西中业兴达保安服务有限公司", |
| | | // subOffice: "西湖分局", |
| | | // timeStart: "2020-03-16", |
| | | // timeEnd: "2021-7-29", |
| | | // customerName: "南昌市动物园", |
| | | // num: "12", |
| | | // // status: "未下单", |
| | | // bz: "" |
| | | // } |
| | | ], |
| | | tablePage: { |
| | | pageSize: 10, |
| | | currentPage: 1, |
| | | total: 0, |
| | | total: 0 |
| | | }, |
| | | tableOption: { |
| | | excelBtn: true, |
| | |
| | | viewBtn: true, |
| | | dialogClickModal: false, |
| | | column: [ |
| | | { |
| | | label: "公司名称", |
| | | prop: "company", |
| | | search: true, |
| | | searchSpan: 4, |
| | | display: false, |
| | | }, |
| | | |
| | | { |
| | | label: "所属辖区", |
| | | prop: "subOffice", |
| | | searchSpan: 4, |
| | | type: "select", |
| | | props: { |
| | | label: "label", |
| | | value: "value", |
| | | }, |
| | | // cascaderItem: ["city", "area"], |
| | | // dicUrl:subofficeOptions, |
| | | dicData: [ |
| | | { |
| | | value: "0", |
| | | label: "南昌市公安局", |
| | | }, |
| | | { |
| | | value: "2", |
| | | label: "东湖分局", |
| | | }, |
| | | { |
| | | value: "3", |
| | | label: "西湖分局", |
| | | }, |
| | | { |
| | | value: "4", |
| | | label: "青云谱分局", |
| | | }, |
| | | { |
| | | value: "5", |
| | | label: "青山湖分局", |
| | | }, |
| | | ], |
| | | search: true, |
| | | rules: [ |
| | | { |
| | | required: true, |
| | | message: "请选择所属辖区", |
| | | trigger: "blur", |
| | | }, |
| | | ], |
| | | }, |
| | | { |
| | | label: "服务开始时间", |
| | | prop: "timeStart", |
| | | display: false, |
| | | }, |
| | | { |
| | | label: "服务到期时间", |
| | | prop: "timeEnd", |
| | | display: false, |
| | | }, |
| | | { |
| | | label: "服务单位名称", |
| | | prop: "customerName", |
| | | searchLabelWidth: 110, |
| | | search: true, |
| | | searchSpan: 4, |
| | | display: false, |
| | | }, |
| | | { |
| | | label: "保安派遣人数", |
| | | prop: "num", |
| | | display: false, |
| | | }, |
| | | { |
| | | label: "备注", |
| | | prop: "bz", |
| | | display: false, |
| | | }, |
| | | // { |
| | | // label: "服务状态", |
| | | // prop: "status", |
| | | // label: "公司名称", |
| | | // prop: "gsname", |
| | | // // search: true, |
| | | // // searchSpan: 4, |
| | | // display: false |
| | | // }, |
| | | |
| | | // { |
| | | // label: "所属辖区", |
| | | // prop: "jurname", |
| | | // searchSpan: 4, |
| | | // type: "select", |
| | | // props: { |
| | | // label: "label", |
| | | // value: "value", |
| | | // label: "title", |
| | | // value: "id" |
| | | // }, |
| | | // // cascaderItem: ["city", "area"], |
| | | // // dicUrl:subofficeOptions, |
| | | // dicData: [ |
| | | // { |
| | | // value: "0", |
| | | // label: "已完成", |
| | | // }, |
| | | // { |
| | | // value: "2", |
| | | // label: "正在服务", |
| | | // }, |
| | | // { |
| | | // value: "3", |
| | | // label: "未下单", |
| | | // }, |
| | | // ], |
| | | // dicData: [], |
| | | // search: true, |
| | | // type: "tree", |
| | | // rules: [ |
| | | // { |
| | | // required: true, |
| | | // message: "请选择服务状态", |
| | | // trigger: "blur", |
| | | // }, |
| | | // ], |
| | | // message: "请选择所属辖区", |
| | | // trigger: "blur" |
| | | // } |
| | | // ] |
| | | // }, |
| | | ], |
| | | { |
| | | label: "服务单位名称", |
| | | prop: "name", |
| | | props: { |
| | | label: "name", |
| | | value: "id" |
| | | }, |
| | | dicData: [], |
| | | searchLabelWidth: 110, |
| | | search: true, |
| | | type: "tree", |
| | | searchSpan: 4, |
| | | rules: [ |
| | | { |
| | | required: true, |
| | | message: "请选择服务单位", |
| | | trigger: "blur" |
| | | } |
| | | ] |
| | | // display: false |
| | | }, |
| | | { |
| | | label: "服务开始时间", |
| | | prop: "startTime", |
| | | display: false |
| | | }, |
| | | { |
| | | label: "服务到期时间", |
| | | prop: "endTime", |
| | | display: false |
| | | }, |
| | | // { |
| | | // label: "保安派遣人数", |
| | | // prop: "num", |
| | | // display: false |
| | | // }, |
| | | { |
| | | label: "联系人", |
| | | prop: "linkman", |
| | | display: false |
| | | }, |
| | | { |
| | | label: "联系电话", |
| | | prop: "phone", |
| | | display: false |
| | | } |
| | | // { |
| | | // label: "备注", |
| | | // prop: "bz", |
| | | // display: false |
| | | // } |
| | | ] |
| | | }, |
| | | typeValue: "0", |
| | | typeOptions: [ |
| | | { |
| | | value: "0", |
| | | label: "全部", |
| | | label: "全部" |
| | | }, |
| | | { |
| | | value: "1", |
| | | label: "社保缴纳人数", |
| | | label: "社保缴纳人数" |
| | | }, |
| | | { |
| | | value: "2", |
| | | label: "社保缴纳总额", |
| | | label: "社保缴纳总额" |
| | | }, |
| | | { |
| | | value: "3", |
| | | label: "公司派遣人数", |
| | | label: "公司派遣人数" |
| | | }, |
| | | { |
| | | value: "4", |
| | | label: "社保缴纳人数占比", |
| | | }, |
| | | label: "社保缴纳人数占比" |
| | | } |
| | | ], |
| | | subofficeValue: "0", |
| | | subofficeOptions: [ |
| | | { |
| | | value: "0", |
| | | label: "南昌市公安局", |
| | | label: "南昌市公安局" |
| | | }, |
| | | { |
| | | value: "2", |
| | | label: "东湖分局", |
| | | label: "东湖分局" |
| | | }, |
| | | { |
| | | value: "3", |
| | | label: "西湖分局", |
| | | label: "西湖分局" |
| | | }, |
| | | { |
| | | value: "4", |
| | | label: "青云谱分局", |
| | | label: "青云谱分局" |
| | | }, |
| | | { |
| | | value: "5", |
| | | label: "青山湖分局", |
| | | }, |
| | | label: "青山湖分局" |
| | | } |
| | | ], |
| | | servicesList: [], |
| | | companyName: "", |
| | | loading: true, |
| | | deptid: "" |
| | | }; |
| | | }, |
| | | computed: { |
| | |
| | | addBtn: this.vaildData(this.permission.post_add, false), |
| | | viewBtn: this.vaildData(this.permission.post_view, false), |
| | | delBtn: this.vaildData(this.permission.post_delete, false), |
| | | editBtn: this.vaildData(this.permission.post_edit, false), |
| | | editBtn: this.vaildData(this.permission.post_edit, false) |
| | | }; |
| | | }, |
| | | } |
| | | }, |
| | | methods: { |
| | | dateChange() {}, |
| | | // downExcel() { |
| | | // let et = XLSX.utils.table_to_book(document.getElementById("table")); |
| | | // let etout = XLSX.write(et, { |
| | | // bookType: "xlsx", |
| | | // bookSST: true, |
| | | // type: "array" |
| | | // }); |
| | | // try { |
| | | // FileSaver.saveAs( |
| | | // new Blob([etout], { |
| | | // type: "application/octet-stream" |
| | | // }), |
| | | // `表.xlsx` |
| | | // ); //导出的文件名 |
| | | // } catch (e) { |
| | | // console.log(e, etout); |
| | | // } |
| | | // return etout; |
| | | // } |
| | | searchChange(params, done) { |
| | | this.query = params; |
| | | this.page.currentPage = 1; |
| | | this.onLoad(this.page, params); |
| | | done(); |
| | | }, |
| | | |
| | | searchReset() { |
| | | this.query = {}; |
| | | this.onLoad(this.page); |
| | | }, |
| | | currentChange(currentPage) { |
| | | this.page.currentPage = currentPage; |
| | | this.onLoad(this.page, this.query); |
| | | }, |
| | | sizeChange(pageSize) { |
| | | this.page.pageSize = pageSize; |
| | | this.onLoad(this.page, this.query); |
| | | }, |
| | | refreshChange() { |
| | | this.onLoad(this.page, this.query); |
| | | }, |
| | | onLoad(page, params = {}) { |
| | | this.loading = true; |
| | | let param = {}; |
| | | // param["jurisdiction"] = params["jurname"] || ""; |
| | | param["id"] = params["name"] || ""; |
| | | param["deptId"] = this.deptid; |
| | | param["current"] = page.currentPage; |
| | | param["size"] = page.pageSize; |
| | | fwList(param).then(res => { |
| | | const data = res.data.data; |
| | | this.page.total = data.total; |
| | | this.tableData = data.records; |
| | | this.loading = false; |
| | | }); |
| | | }, |
| | | getFuWuList() { |
| | | selectFw().then(res => { |
| | | if (res.data.code === 200) { |
| | | this.tableOption.column.forEach(item => { |
| | | if (item.label == "服务单位名称") { |
| | | item.dicData = res.data.data; |
| | | } |
| | | }); |
| | | // this.servicesList = res.data.data; |
| | | } |
| | | }); |
| | | }, |
| | | getSubOfficeData() { |
| | | lazyTrees().then(res => { |
| | | if (res.data.code === 200) { |
| | | this.tableOption.column.forEach(item => { |
| | | if (item.label == "所属辖区") { |
| | | item.dicData = res.data.data; |
| | | } |
| | | }); |
| | | } else { |
| | | this.$message.error(res.msg); |
| | | } |
| | | }); |
| | | }, |
| | | getLocationParams() { |
| | | let url = window.location.href; |
| | | let urlArr = url.split("?")[1].split("&"); |
| | | var object = new Object(); |
| | | for (var i = 0; i < urlArr.length; i++) { |
| | | let mm = urlArr[i].split("="); |
| | | object[decodeURIComponent(mm[0])] = decodeURIComponent(mm[1]); |
| | | } |
| | | this.deptid = object["departmentid"] || ""; |
| | | // let jurisdiction = object["jurisdiction"] || ""; |
| | | this.query = { deptid: this.deptid }; |
| | | // this.onLoad(this.page, obj); |
| | | this.onLoad(this.page, this.query); |
| | | } |
| | | }, |
| | | mounted() {}, |
| | | mounted() { |
| | | // this.getTableData(); |
| | | this.getFuWuList(); |
| | | this.getSubOfficeData(); |
| | | this.getLocationParams(); |
| | | } |
| | | }; |
| | | </script> |
| | | <style lang="scss" scoped> |
| | | </style> |
| | | <style lang="scss" scoped></style> |