<template>
|
<div>
|
<basic-container>
|
<avue-crud
|
:option="tableOption"
|
:table-loading="loading"
|
:data="tableData"
|
:page.sync="page"
|
:permission="permissionList"
|
ref="crud"
|
@row-update="rowUpdates"
|
@row-save="rowSave"
|
@search-change="searchChange"
|
@search-reset="searchReset"
|
@current-change="currentChange"
|
@size-change="sizeChange"
|
@refresh-change="refreshChange"
|
@on-load="onLoad"
|
@cell-click="handleRowClick"
|
class="businessStatisticsStyle"
|
>
|
</avue-crud>
|
</basic-container>
|
<el-dialog
|
class="tongji-class"
|
:title="dialogTitle"
|
append-to-body
|
:visible.sync="dialogShow"
|
v-if="dialogShow"
|
>
|
<businessStatisticsDetail
|
v-if="searchitem === 'fw'"
|
:fwdeptId="fwdeptId"
|
></businessStatisticsDetail>
|
<businessStatisticsPq
|
v-if="searchitem === 'pq'"
|
:fwdeptId="fwdeptId"
|
></businessStatisticsPq>
|
<businessStatisticsFwdq
|
v-if="searchitem === 'dq'"
|
:fwdeptId="fwdeptId"
|
></businessStatisticsFwdq>
|
<securityGuardDetail
|
v-if="searchitem === 'zong'"
|
:fwdeptId="fwdeptId"
|
:paramCz="paramCz"
|
></securityGuardDetail>
|
<!-- <avue-crud
|
:option="option2"
|
:data="data2"
|
:page.sync="page2"
|
@row-save="rowSave2"
|
@row-update="rowUpdate2"
|
@row-del="rowDel2"
|
:table-loading="loading2"
|
>
|
</avue-crud> -->
|
</el-dialog>
|
</div>
|
</template>
|
<script>
|
import FileSaver from "file-saver";
|
import XLSX from "xlsx";
|
import { mapGetters } from "vuex";
|
import {
|
selectYw,
|
dictionaryList,
|
dispatcherUnit
|
} from "../../api/statisticalQueryManagement/statisticalQueryManagement";
|
import { lazyTreeJu, lazyTrees } from "../../api/index/index";
|
import businessStatisticsDetail from "./businessStatisticsDetail";
|
import businessStatisticsPq from "./businessStatisticsPq";
|
import businessStatisticsFwdq from "./businessStatisticsFwdq";
|
import securityGuardDetail from "./securityGuardDetail";
|
export default {
|
name: "业务情况统计",
|
components: {
|
businessStatisticsDetail,
|
businessStatisticsPq,
|
businessStatisticsFwdq,
|
securityGuardDetail
|
},
|
data() {
|
return {
|
tablePage: {
|
pageSize: 10,
|
currentPage: 1,
|
total: 0
|
},
|
page: {
|
pageSize: 10,
|
currentPage: 1,
|
total: 0
|
},
|
value1: "",
|
value2: "",
|
tableData: [],
|
tableOption: {
|
excelBtn: true,
|
delBtn: false,
|
editBtn: false,
|
addBtn: false,
|
selection: true,
|
menu: false,
|
// dateBtn: true,
|
align: "center",
|
height: "auto",
|
calcHeight: 30,
|
tip: false,
|
searchShowBtn: false,
|
searchShow: true,
|
searchMenuSpan: 6,
|
index: true,
|
viewBtn: true,
|
dialogClickModal: false,
|
column: [
|
{
|
label: "公司名称",
|
prop: "enterpriseName",
|
search: true,
|
searchSpan: 4,
|
width: 300,
|
display: false
|
},
|
{
|
label: "单位类型",
|
prop: "stats",
|
search: true,
|
searchSpan: 4,
|
display: false,
|
type: "select",
|
props: {
|
label: "dictValue",
|
value: "dictKey"
|
},
|
dicData: []
|
},
|
{
|
label: "所属辖区",
|
prop: "jurname",
|
searchSpan: 4,
|
type: "tree",
|
props: {
|
label: "title",
|
value: "id"
|
},
|
dicData: [],
|
search: true,
|
rules: [
|
{
|
required: true,
|
message: "请选择所属辖区",
|
trigger: "blur"
|
}
|
]
|
},
|
{
|
label: "保安员人数",
|
prop: "znum",
|
display: false
|
},
|
{
|
label: "持证人数",
|
prop: "cznum",
|
display: false
|
},
|
{
|
label: "派遣人数",
|
prop: "pqnum",
|
display: false
|
},
|
{
|
label: "服务对象数量",
|
prop: "fwnum",
|
display: false
|
},
|
{
|
label: "服务到期数量",
|
prop: "dqnum",
|
display: false
|
}
|
]
|
},
|
loading: true,
|
dialogTitle: "",
|
dialogShow: false,
|
pqdialogShow: false,
|
fwdeptId: "",
|
searchitem: "",
|
paramCz: false
|
};
|
},
|
computed: {
|
...mapGetters(["permission"]),
|
permissionList() {
|
return {
|
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)
|
};
|
}
|
},
|
methods: {
|
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);
|
}
|
});
|
},
|
getDictionaryList() {
|
dictionaryList().then(res => {
|
if (res.data.code === 200) {
|
this.tableOption.column.forEach(item => {
|
if (item.label == "单位类型") {
|
item.dicData = res.data.data;
|
}
|
});
|
}
|
});
|
},
|
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["deptid"] = params["enterpriseName"] || "";
|
param["stats"] = params["stats"] || "";
|
param["current"] = page.currentPage;
|
param["size"] = page.pageSize;
|
selectYw(param).then(res => {
|
const data = res.data.data;
|
this.page.total = data.total;
|
this.tableData = data.records;
|
this.loading = false;
|
});
|
},
|
handleRowClick(row, column, cell, event) {
|
this.paramCz = false;
|
|
if (column.label == "服务对象数量") {
|
this.dialogTitle = "业务统计明细---服务对象清单";
|
this.searchitem = "fw";
|
this.fwdeptId = row.departmentid;
|
this.dialogShow = true;
|
|
// dispatcherUnit({
|
// deptId: row.departmentid
|
// }).then(res => {
|
// if (res.data.code === 200) {
|
// this.page = {
|
// pageSize: 10,
|
// currentPage: 1,
|
// total: res.data.data.total
|
// };
|
// this.tableData = res.data.data.records;
|
// }
|
// });
|
// this.$router.push({
|
// path:
|
// "/statisticalQueryManagement/businessStatisticsDetail?&departmentid=" +
|
// row.departmentid
|
// });
|
} else if (column.label == "保安员人数") {
|
this.dialogTitle = "业务统计明细---保安员清单";
|
this.searchitem = "zong";
|
this.fwdeptId = row.departmentid;
|
this.dialogShow = true;
|
|
// this.$router.push({
|
// path:
|
// "/statisticalQueryManagement/securityGuardDetail?departmentid=" +
|
// row.departmentid
|
// });
|
} else if (column.label == "派遣人数") {
|
this.dialogTitle = "业务统计明细---派遣人员清单";
|
this.searchitem = "pq";
|
this.fwdeptId = row.departmentid;
|
this.dialogShow = true;
|
} else if (column.label == "服务到期数量") {
|
this.dialogTitle = "业务统计明细---服务到期公司清单";
|
this.searchitem = "dq";
|
this.fwdeptId = row.departmentid;
|
this.dialogShow = true;
|
} else if (column.label == "持证人数") {
|
this.dialogTitle = "业务统计明细---持证保安人员清单";
|
this.searchitem = "zong";
|
this.paramCz = true;
|
this.fwdeptId = row.departmentid;
|
this.dialogShow = true;
|
} else {
|
this.dialogShow = false;
|
}
|
}
|
},
|
mounted() {
|
this.getSubOfficeData();
|
this.getDictionaryList();
|
}
|
};
|
</script>
|
<style lang="scss" scoped>
|
/deep/ .businessStatisticsStyle .el-table__row:hover td:nth-child(7),
|
/deep/ .businessStatisticsStyle .el-table__row:hover td:nth-child(6),
|
/deep/ .businessStatisticsStyle .el-table__row:hover td:nth-child(8),
|
/deep/ .businessStatisticsStyle .el-table__row:hover td:nth-child(9),
|
/deep/ .businessStatisticsStyle .el-table__row:hover td:nth-child(10) {
|
cursor: pointer !important;
|
}
|
</style>
|
