| | |
| | | <template> |
| | | <basic-container> |
| | | <basic-container class="businessDetail"> |
| | | <avue-crud |
| | | :option="tableOption" |
| | | :table-loading="loading" |
| | |
| | | @current-change="currentChange" |
| | | @size-change="sizeChange" |
| | | @refresh-change="refreshChange" |
| | | @on-load="onLoad" |
| | | > |
| | | </avue-crud> |
| | | </basic-container> |
| | |
| | | import { mapGetters } from "vuex"; |
| | | import { |
| | | selectDis, |
| | | selectFw |
| | | selectFw, |
| | | fwList, |
| | | dispatcherUnit |
| | | } from "../../api/statisticalQueryManagement/statisticalQueryManagement"; |
| | | import { lazyTreeJu } from "../../api/index/index"; |
| | | import { lazyTreeJu, lazyTrees } from "../../api/index/index"; |
| | | export default { |
| | | name: "业务情况统计明细", |
| | | props: ["fwdeptId"], |
| | | data() { |
| | | return { |
| | | page: { |
| | |
| | | searchShow: true, |
| | | searchMenuSpan: 6, |
| | | index: true, |
| | | indexLabel:'序号', |
| | | viewBtn: true, |
| | | dialogClickModal: false, |
| | | column: [ |
| | | { |
| | | label: "公司名称", |
| | | prop: "gsname", |
| | | // search: true, |
| | | // searchSpan: 4, |
| | | display: false |
| | | }, |
| | | // { |
| | | // label: "公司名称", |
| | | // prop: "gsname", |
| | | // // search: true, |
| | | // // searchSpan: 4, |
| | | // display: false |
| | | // }, |
| | | |
| | | { |
| | | label: "所属辖区", |
| | | prop: "jurname", |
| | | searchSpan: 4, |
| | | props: { |
| | | label: "title", |
| | | value: "id" |
| | | }, |
| | | // cascaderItem: ["city", "area"], |
| | | // dicUrl:subofficeOptions, |
| | | dicData: [], |
| | | search: true, |
| | | type: "tree", |
| | | rules: [ |
| | | { |
| | | required: true, |
| | | message: "请选择所属辖区", |
| | | trigger: "blur" |
| | | } |
| | | ] |
| | | }, |
| | | { |
| | | label: "服务开始时间", |
| | | prop: "dispatcherTime", |
| | | display: false |
| | | }, |
| | | { |
| | | label: "服务到期时间", |
| | | prop: "end_time", |
| | | display: false |
| | | }, |
| | | // { |
| | | // label: "所属辖区", |
| | | // prop: "jurname", |
| | | // searchSpan: 4, |
| | | // props: { |
| | | // label: "title", |
| | | // value: "id" |
| | | // }, |
| | | // // cascaderItem: ["city", "area"], |
| | | // // dicUrl:subofficeOptions, |
| | | // dicData: [], |
| | | // search: true, |
| | | // type: "tree", |
| | | // rules: [ |
| | | // { |
| | | // required: true, |
| | | // message: "请选择所属辖区", |
| | | // trigger: "blur" |
| | | // } |
| | | // ] |
| | | // }, |
| | | { |
| | | label: "服务单位名称", |
| | | prop: "fwname", |
| | | prop: "name", |
| | | props: { |
| | | label: "name", |
| | | value: "id" |
| | | value: "name" |
| | | }, |
| | | dicData: [], |
| | | searchLabelWidth: 110, |
| | | search: true, |
| | | type: "tree", |
| | | searchSpan: 4, |
| | | searchSpan: 8, |
| | | rules: [ |
| | | { |
| | | required: true, |
| | |
| | | // display: false |
| | | }, |
| | | { |
| | | label: "保安派遣人数", |
| | | label: "企业名称", |
| | | width: 300, |
| | | prop: "deptName", |
| | | display: false |
| | | }, |
| | | { |
| | | label: "服务开始时间", |
| | | prop: "startTime", |
| | | display: false |
| | | }, |
| | | { |
| | | label: "服务到期时间", |
| | | prop: "endTime", |
| | | display: false |
| | | }, |
| | | { |
| | | label: "保安员人数", |
| | | prop: "num", |
| | | display: false |
| | | }, |
| | | // { |
| | | // label: "保安派遣人数", |
| | | // prop: "num", |
| | | // display: false |
| | | // }, |
| | | { |
| | | label: "联系人", |
| | | prop: "linkman", |
| | | display: false |
| | | }, |
| | | { |
| | | label: "联系电话", |
| | | prop: "phone", |
| | | display: false |
| | | } |
| | | // { |
| | |
| | | ], |
| | | servicesList: [], |
| | | companyName: "", |
| | | loading: true |
| | | loading: true, |
| | | deptid: "" |
| | | }; |
| | | }, |
| | | computed: { |
| | |
| | | onLoad(page, params = {}) { |
| | | this.loading = true; |
| | | let param = {}; |
| | | param["jurisdiction"] = params["jurname"] || ""; |
| | | param["fid"] = params["fwname"] || ""; |
| | | param["deptid"] = params["deptid"] || "1425365559645601794"; |
| | | // param["jurisdiction"] = params["jurname"] || ""; |
| | | // param["id"] = params["name"] || ""; |
| | | param["deptId"] = this.fwdeptId; |
| | | param["current"] = page.currentPage; |
| | | param["size"] = page.pageSize; |
| | | selectDis(param).then(res => { |
| | | param["name"] = params["name"] || ""; |
| | | |
| | | dispatcherUnit(param).then(res => { |
| | | const data = res.data.data; |
| | | this.page.total = data.total; |
| | | this.tableData = data.records; |
| | |
| | | }); |
| | | }, |
| | | getSubOfficeData() { |
| | | lazyTreeJu().then(res => { |
| | | lazyTrees().then(res => { |
| | | if (res.data.code === 200) { |
| | | this.tableOption.column.forEach(item => { |
| | | if (item.label == "所属辖区") { |
| | |
| | | }); |
| | | }, |
| | | 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]); |
| | | // } |
| | | // let jurisdiction = object["jurisdiction1"] || ""; |
| | | // let enterpriseName = object["enterpriseName"] || ""; |
| | | // let obj = { jurisdiction: jurisdiction, enterpriseName: enterpriseName }; |
| | | 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); |
| | | } |
| | |
| | | // this.getTableData(); |
| | | this.getFuWuList(); |
| | | this.getSubOfficeData(); |
| | | this.getLocationParams(); |
| | | // this.getLocationParams(); |
| | | } |
| | | }; |
| | | </script> |
| | | <style lang="scss" scoped></style> |
| | | <style lang="scss" scoped> |
| | | .businessDetail{ |
| | | height: 50%; |
| | | } |
| | | </style> |