From 2d50c51214f0ced8c992a415c72ea33b519fff59 Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Fri, 03 Sep 2021 15:53:05 +0800
Subject: [PATCH] Merge branch 'master' of http://s16s652780.51mypc.cn:49896/r/zhba_regulatory
---
src/views/statisticalQueryManagement/companyDetails.vue | 402 ++++++++++++++++++++++++++++++++++-----------------------
1 files changed, 238 insertions(+), 164 deletions(-)
diff --git a/src/views/statisticalQueryManagement/companyDetails.vue b/src/views/statisticalQueryManagement/companyDetails.vue
index 8a6c739..fb8c354 100644
--- a/src/views/statisticalQueryManagement/companyDetails.vue
+++ b/src/views/statisticalQueryManagement/companyDetails.vue
@@ -2,11 +2,16 @@
<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"
+ @search-change="searchChange"
+ @search-reset="searchReset"
+ @current-change="currentChange"
+ @size-change="sizeChange"
+ @refresh-change="refreshChange"
>
</avue-crud>
</basic-container>
@@ -15,55 +20,57 @@
import FileSaver from "file-saver";
import XLSX from "xlsx";
import { mapGetters } from "vuex";
+import { selectUIn } from "../../api/statisticalQueryManagement/statisticalQueryManagement";
export default {
name: "公司人员详情",
data() {
return {
+ page: {
+ pageSize: 10,
+ currentPage: 1,
+ total: 0
+ },
+ query: {},
value1: "",
value2: "",
tableData: [
- {
- name: "张强",
- No: "NO.2143",
- idNumber: "230229187623601221",
- tel: "13728198762",
- holder: "是",
- socialSecurity: "是",
- picture: "是",
- qualification: "通过",
- pass: "是",
- send: "是",
- },
- {
- name: "张强",
- No: "NO.2143",
- idNumber: "230229187623601221",
- tel: "13728198762",
- holder: "是",
- socialSecurity: "是",
- picture: "是",
- qualification: "通过",
- pass: "是",
- send: "是",
- },
- {
- name: "张强",
- No: "NO.2143",
- idNumber: "230229187623601221",
- tel: "13728198762",
- holder: "是",
- socialSecurity: "是",
- picture: "是",
- qualification: "通过",
- pass: "是",
- send: "是",
- },
+ // {
+ // name: "张强",
+ // No: "NO.2143",
+ // idNumber: "230229187623601221",
+ // tel: "13728198762",
+ // holder: "是",
+ // socialSecurity: "是",
+ // picture: "是",
+ // qualification: "通过",
+ // pass: "是",
+ // send: "是"
+ // },
+ // {
+ // name: "张强",
+ // No: "NO.2143",
+ // idNumber: "230229187623601221",
+ // tel: "13728198762",
+ // holder: "是",
+ // socialSecurity: "是",
+ // picture: "是",
+ // qualification: "通过",
+ // pass: "是",
+ // send: "是"
+ // },
+ // {
+ // name: "张强",
+ // No: "NO.2143",
+ // idNumber: "230229187623601221",
+ // tel: "13728198762",
+ // holder: "是",
+ // socialSecurity: "是",
+ // picture: "是",
+ // qualification: "通过",
+ // pass: "是",
+ // send: "是"
+ // }
],
- tablePage: {
- pageSize: 10,
- currentPage: 1,
- total: 0,
- },
tableOption: {
excelBtn: true,
delBtn: false,
@@ -74,218 +81,233 @@
// dateBtn: true,
align: "center",
height: "auto",
- calcHeight: 90,
+ calcHeight: 30,
tip: false,
searchShowBtn: false,
searchShow: true,
- searchMenuSpan: 6,
+ searchMenuSpan: 3,
index: true,
viewBtn: true,
dialogClickModal: false,
column: [
{
- label: "保安员姓名",
- searchLabelWidth: 110,
- prop: "name",
+ label: "保安姓名",
+ // searchLabelWidth: 90,
+ prop: "real_name",
search: true,
- searchSpan: 4,
- display: false,
+ searchSpan: 3,
+ display: false
+ },
+ {
+ label: "所属保安公司",
+ prop: "enterpriseName",
+ width: 300,
+ display: false
},
{
- label: "保安员编号",
- prop: "No",
- display: false,
+ label: "保安证编号",
+ prop: "securitynumber",
+ width: 180,
+ display: false
},
{
label: "身份证号",
- prop: "idNumber",
- display: false,
+ prop: "cardid",
+ width: 180,
+ display: false
},
{
- label: "联系电话",
- prop: "tel",
- display: false,
+ label: "联系方式",
+ prop: "phone",
+ width: 180,
+ display: false
},
{
label: "是否持证",
- prop: "holder",
- searchSpan: 4,
+ prop: "hold",
+ searchSpan: 3,
type: "select",
props: {
label: "label",
- value: "value",
+ value: "value"
},
// cascaderItem: ["city", "area"],
// dicUrl:subofficeOptions,
dicData: [
{
- value: "0",
- label: "是",
+ value: "1",
+ label: "是"
},
{
value: "2",
- label: "否",
+ label: "否"
},
+ {
+ value: "3",
+ label: "吊销"
+ }
],
search: true,
rules: [
{
required: true,
message: "请选择是否持证",
- trigger: "blur",
- },
- ],
+ trigger: "blur"
+ }
+ ]
},
{
label: "是否缴纳社保",
// labelWidth: 120,
- searchLabelWidth: 110,
- prop: "socialSecurity",
+ searchLabelWidth: 100,
+ prop: "soil",
searchSpan: 4,
type: "select",
props: {
label: "label",
- value: "value",
+ value: "value"
},
dicData: [
{
value: "0",
- label: "是",
+ label: "是"
},
{
- value: "2",
- label: "否",
- },
+ value: "1",
+ label: "否"
+ }
],
search: true,
rules: [
{
required: true,
message: "请选择是否缴纳社保",
- trigger: "blur",
- },
- ],
+ trigger: "blur"
+ }
+ ]
},
{
label: "是否已采集照片",
searchLabelWidth: 120,
- prop: "picture",
+ prop: "photo",
searchSpan: 4,
type: "select",
props: {
label: "label",
- value: "value",
+ value: "value"
},
dicData: [
{
value: "0",
- label: "是",
+ label: "是"
},
{
- value: "2",
- label: "否",
- },
+ value: "1",
+ label: "否"
+ }
],
search: true,
rules: [
{
required: true,
message: "请选择是否已采集照片",
- trigger: "blur",
- },
- ],
+ trigger: "blur"
+ }
+ ]
},
{
label: "资格审查情况",
- searchLabelWidth: 110,
- prop: "qualification",
+ searchLabelWidth: 100,
+ prop: "examination_type",
searchSpan: 4,
type: "select",
props: {
label: "label",
- value: "value",
+ value: "value"
},
dicData: [
{
value: "0",
- label: "通过",
+ label: "正常"
},
{
- value: "2",
- label: "异常",
- },
+ value: "1",
+ label: "异常"
+ }
],
search: true,
rules: [
{
required: true,
message: "请选择资格审查情况",
- trigger: "blur",
- },
- ],
+ trigger: "blur"
+ }
+ ]
},
- {
- label: "是否通过考试",
- searchLabelWidth: 110,
- prop: "pass",
- searchSpan: 4,
- type: "select",
- props: {
- label: "label",
- value: "value",
- },
- dicData: [
- {
- value: "0",
- label: "是",
- },
- {
- value: "2",
- label: "否",
- },
- ],
- search: true,
- rules: [
- {
- required: true,
- message: "请选择是否通过考试",
- trigger: "blur",
- },
- ],
- },
+ // {
+ // label: "是否通过考试",
+ // searchLabelWidth: 110,
+ // prop: "pass",
+ // searchSpan: 4,
+ // type: "select",
+ // props: {
+ // label: "label",
+ // value: "value"
+ // },
+ // dicData: [
+ // {
+ // value: "0",
+ // label: "是"
+ // },
+ // {
+ // value: "2",
+ // label: "否"
+ // }
+ // ],
+ // search: true,
+ // rules: [
+ // {
+ // required: true,
+ // message: "请选择是否通过考试",
+ // trigger: "blur"
+ // }
+ // ]
+ // },
{
label: "是否派遣",
- prop: "send",
- searchSpan: 4,
+ prop: "dispatch",
+ searchSpan: 3,
type: "select",
props: {
label: "label",
- value: "value",
+ value: "value"
},
dicData: [
{
value: "0",
- label: "是",
+ label: "是"
},
{
- value: "2",
- label: "否",
- },
+ value: "1",
+ label: "否"
+ }
],
search: true,
rules: [
{
required: true,
message: "请选择是否派遣",
- trigger: "blur",
- },
- ],
- },
- ],
+ trigger: "blur"
+ }
+ ]
+ }
+ ]
},
companyName: "",
+ loading: true,
+ deptid: ""
};
},
computed: {
@@ -295,37 +317,89 @@
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, this.query);
+ },
+ 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;
+ // if (!params) {
+ // params = { current: page.currentPage, size: page.pageSize };
+ // }
+ let param = {};
+ param["deptid"] = this.deptid;
+ param["name"] = params["real_name"] || "";
+ param["hold"] =
+ params["hold"] || params["hold"] == "0" ? Number(params["hold"]) : "";
+ param["photo"] =
+ params["photo"] || params["photo"] == "0"
+ ? Number(params["photo"])
+ : "";
+ param["examinationtype"] =
+ params["examination_type"] || params["examination_type"] == "0"
+ ? Number(params["examination_type"])
+ : "";
+ param["dispatch"] =
+ params["dispatch"] || params["dispatch"] == "0"
+ ? Number(params["dispatch"])
+ : "";
+ param["soil"] =
+ params["soil"] || params["soil"] == "0" ? Number(params["soil"]) : "";
+ param["current"] = page.currentPage;
+ param["size"] = page.pageSize;
+ selectUIn(param).then(res => {
+ const data = res.data.data;
+ this.page.total = data.total;
+ this.tableData = data.records;
+ // this.data = data.records;
+ this.loading = false;
+ });
+ },
+
+ 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["deptid"] || "";
+ this.query = { deptid: this.deptid };
+ this.onLoad(this.page, this.query);
+ }
},
- mounted() {},
+ mounted() {
+ // this.getTableData();
+ this.getLocationParams();
+ }
};
</script>
<style lang="scss" scoped>
-/deep/ .avue-crud__menu {
- height: 130px !important;
-}
+// /deep/ .avue-crud__menu {
+// height: 130px !important;
+// }
</style>
--
Gitblit v1.9.3