From cc1c0a396698648256c350f6f0fe2cb2f0b02c7e Mon Sep 17 00:00:00 2001
From: zhongrj <646384940@qq.com>
Date: Wed, 27 Mar 2024 15:44:10 +0800
Subject: [PATCH] 许可按钮放出,备案审批按钮放出

---
 src/views/statisticalQueryManagement/securityGuardStatistics.vue |  302 +++++++++++++++++++++++++++++++++++--------------
 1 files changed, 215 insertions(+), 87 deletions(-)

diff --git a/src/views/statisticalQueryManagement/securityGuardStatistics.vue b/src/views/statisticalQueryManagement/securityGuardStatistics.vue
index 1e36ecf..fdccb03 100644
--- a/src/views/statisticalQueryManagement/securityGuardStatistics.vue
+++ b/src/views/statisticalQueryManagement/securityGuardStatistics.vue
@@ -1,39 +1,76 @@
 <template>
-  <basic-container>
-    <avue-crud
-      :option="tableOption"
-      :table-loading="loading"
-      :data="tableData"
-      :page.sync="page"
-      :permission="permissionList"
-      ref="crud"
-      @search-change="searchChange"
-      @search-reset="searchReset"
-      @current-change="currentChange"
-      @size-change="sizeChange"
-      @refresh-change="refreshChange"
-      @on-load="onLoad"
-      @row-click="handleRowClick"
-      class="rowClick"
+  <div>
+    <basic-container
+      :class="[
+        'witerFontColorInput',
+        $store.state.control.screenSize == 1366 ? 'smallSize' : 'normalSize',
+        $store.state.control.windowWidth >= 1024 ? 'tooRowSearch1' : '',
+      ]"
     >
-    </avue-crud>
-  </basic-container>
+      <avue-crud
+        :option="tableOption"
+        :table-loading="loading"
+        :data="tableData"
+        :page.sync="page"
+        :permission="permissionList"
+        ref="crud"
+        :search.sync="search"
+        @search-change="searchChange"
+        @search-reset="searchReset"
+        @current-change="currentChange"
+        @size-change="sizeChange"
+        @refresh-change="refreshChange"
+        @on-load="onLoad"
+        @cell-click="handleRowClick"
+        class="rowClick tablesss"
+      >
+        <template slot="menuLeft">
+          <el-button
+            type="warning"
+            size="small"
+            plain
+            icon="el-icon-download"
+            @click="handleExportSecurityStatisInfo"
+            >导出
+          </el-button>
+        </template>
+      </avue-crud>
+    </basic-container>
+    <el-dialog
+      class="tongji-class"
+      :title="dialogTitle"
+      append-to-body
+      :visible.sync="dialogShow"
+      v-if="dialogShow"
+    >
+      <companyDetails :fwdeptId="fwdeptId"></companyDetails>
+    </el-dialog>
+  </div>
 </template>
 <script>
-import FileSaver from "file-saver";
-import XLSX from "xlsx";
 import { mapGetters } from "vuex";
-import { selectLi } from "../../api/statisticalQueryManagement/statisticalQueryManagement";
-import { lazyTreeJu } from "../../api/index/index";
+import {
+  selectLi,
+  dictionaryList,
+} from "../../api/statisticalQueryManagement/statisticalQueryManagement";
+import { lazyTreeJu, lazyTrees } from "../../api/index/index";
+import companyDetails from "./companyDetails";
+import Qs from "qs";
+import { getToken } from "@/util/auth";
 export default {
   name: "业务情况统计",
+  components: {
+    companyDetails,
+  },
   data() {
     return {
       page: {
         pageSize: 10,
         currentPage: 1,
-        total: 0
+        total: 0,
+        ...this.$store.state.control.changePageSize,
       },
+      search: {},
       query: {},
       value1: "",
       value2: "",
@@ -78,7 +115,7 @@
       tableOption: {
         align: "center",
         viewBtn: true,
-        excelBtn: true,
+        // excelBtn: true,
         delBtn: false,
         editBtn: false,
         addBtn: false,
@@ -93,101 +130,125 @@
         searchShow: true,
         searchMenuSpan: 6,
         index: true,
+        indexLabel: "#",
         dialogClickModal: false,
+        ...this.$store.state.control.clearOtherBut,
         column: [
           {
-            label: "公司名称",
+            label: "企业名称",
             prop: "deptname",
             search: true,
             searchSpan: 4,
-            display: false
+            width: 280,
+            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: "select",
+            type: "tree",
             props: {
               label: "title",
-              value: "value"
+              value: "value",
             },
-            // dicUrl: "/api/information/lazyTreeJu",
-            // dicMethod:'post',
-            dicData: [
-              // {
-              //   value: "0",
-              //   label: "南昌市公安局"
-              // },
-              // {
-              //   value: "2",
-              //   label: "东湖分局"
-              // },
-              // {
-              //   value: "3",
-              //   label: "西湖分局"
-              // },
-              // {
-              //   value: "4",
-              //   label: "青云谱分局"
-              // },
-              // {
-              //   value: "5",
-              //   label: "青山湖分局"
-              // }
-            ],
+            dicData: [],
             search: true,
             rules: [
               {
                 required: true,
                 message: "请选择所属辖区",
-                trigger: "blur"
-              }
-            ]
+                trigger: "blur",
+              },
+            ],
+          },
+          {
+            label: "单位注册时间",
+            prop: "releaseTimeRange",
+            type: "date",
+            format: "yyyy-MM-dd",
+            valueFormat: "yyyy-MM-dd",
+            searchRange: true,
+            searchSpan: 6,
+            searchLabelWidth: 120,
+            labelWidth: 160,
+            hide: true,
+            addDisplay: false,
+            editDisplay: false,
+            viewDisplay: false,
+            search: true,
+            rules: [
+              {
+                required: true,
+                message: "请选择单位注册时间",
+                trigger: "blur",
+              },
+            ],
           },
           {
             label: "保安员总数",
             prop: "num",
-            display: false
+            display: false,
           },
           {
             label: "持证上岗人数",
             prop: "cznum",
-            display: false
+            display: false,
           },
           {
             label: "未派遣人数",
-            prop: "wpaiqnum",
-            display: false
+            prop: "wpqnum",
+            display: false,
           },
           {
             label: "派遣人数",
-            prop: "paiqnum",
-            display: false
+            prop: "pqnum",
+            display: false,
+          },
+          {
+            label: "已采集照片人数",
+            prop: "ycjzpnum",
+            display: false,
           },
           {
             label: "未采集照片人数",
-            prop: "wcaijnum",
-            display: false
+            prop: "wcjzpnum",
+            display: false,
+          },
+          {
+            label: "已采集指纹人数",
+            prop: "ycjzwnum",
+            display: false,
           },
           {
             label: "资格审查异常人数",
-            prop: "yicnum",
-            display: false
+            width: 150,
+            prop: "scycnum",
+            display: false,
           },
-          // {
-          //   label: "过考保安人数",
-          //   prop: "pass",
-          //   display: false,
-          // },
           {
             label: "缴纳社保人数",
-            prop: "sbnum",
-            display: false
-          }
-        ]
+            prop: "jnsbnum",
+            display: false,
+          },
+        ],
       },
       companyName: "",
-      loading: true
+      loading: true,
+      dialogShow: false,
+      dialogTitle: "",
     };
   },
   computed: {
@@ -197,21 +258,63 @@
         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: {
+    //保安员统计信息导出
+    handleExportSecurityStatisInfo() {
+      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.deptname,
+          startTime: this.search.startTime,
+          endTime: this.search.endTime,
+        };
+        // console.log(data,123);
+        //序列号url形式,用&拼接
+        data = Qs.stringify(data);
+        window.open(
+          `/api/information/export-security-statis-info?${
+            this.website.tokenHeader
+          }=${getToken()}&` + data
+        );
+      });
+    },
     getSubOfficeData() {
-      lazyTreeJu().then(res => {
+      lazyTrees().then((res) => {
         if (res.data.code === 200) {
-          this.tableOption.column.forEach(item => {
+          this.tableOption.column.forEach((item) => {
             if (item.label == "所属辖区") {
+              // let data = res.data.data;
               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;
+            }
+          });
         }
       });
     },
@@ -228,40 +331,65 @@
     },
     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 = {}) {
+      params = this.search;
       this.loading = true;
       let param = {};
       param["jurisdiction"] = params["jurname"] || "";
       param["deptid"] = params["deptname"] || "";
+      param["stats"] = params["stats"] || "";
       param["current"] = page.currentPage;
       param["size"] = page.pageSize;
-      selectLi(param).then(res => {
+      const { releaseTimeRange } = this.query;
+      let values = {
+        ...param,
+      };
+      if (releaseTimeRange) {
+        values = {
+          ...param,
+          startTime: releaseTimeRange[0],
+          endTime: releaseTimeRange[1],
+          ...this.query,
+        };
+        values.releaseTimeRange = null;
+      }
+      selectLi(values).then((res) => {
         const data = res.data.data;
         this.page.total = data.total;
         this.tableData = data.records;
         this.loading = false;
       });
     },
-    handleRowClick(row, event, column) {
-      this.$router.push({
-        path: "/statisticalQueryManagement/companyDetails?deptid=" + row.dept_id
-      });
-    }
+    handleRowClick(row, column, cell, event) {
+      if (column.label == "保安员总数") {
+        this.dialogTitle = "保安员明细";
+        this.fwdeptId = row.departmentid;
+        this.dialogShow = true;
+      } else {
+        this.dialogShow = false;
+      }
+      // this.$router.push({
+      //   path: "/statisticalQueryManagement/companyDetails?deptid=" + row.dept_id
+      // });
+    },
   },
   mounted() {
     this.getSubOfficeData();
-  }
+    this.getDictionaryList();
+  },
 };
 </script>
 <style lang="scss" scoped>
-/deep/ .rowClick .el-table__row:hover td {
+/deep/ .rowClick .el-table__row:hover td:nth-child(6) {
   cursor: pointer;
 }
 </style>

--
Gitblit v1.9.3