zhba/zhba_regulatory.git

parent: 39f6cf66 | patch | commit | ignore whitespace

Administrator

2022-01-08 5728d520d992b62e0a7ca6e481e3a163b1e629f7

公司名称修改为企业名称，新增单位登录情况统计

19 files modified

4 files added

	public/scoket.html	60 ●●●●● patch \| view \| raw \| blame \| history
	src/api/loginRecord/loginRecord.js	25 ●●●●● patch \| view \| raw \| blame \| history
	src/page/index/logo.vue	64 ●●●●● patch \| view \| raw \| blame \| history
	src/views/loginRecord/loginRecord.vue	192 ●●●●● patch \| view \| raw \| blame \| history
	src/views/onSiteInspection/data.js	45 ●●●●● patch \| view \| raw \| blame \| history
	src/views/qualificationExamination/data.js	45 ●●●●● patch \| view \| raw \| blame \| history
	src/views/qualificationExamination/registrationTrainingQuery.vue	2 ●●●●● patch \| view \| raw \| blame \| history
	src/views/qualificationExamination/signQualificationExamination.vue	2 ●●●●● patch \| view \| raw \| blame \| history
	src/views/regulatoryInformation/data.js	45 ●●●●● patch \| view \| raw \| blame \| history
	src/views/securityCompany/computents/equipment.vue	4 ●●●●● patch \| view \| raw \| blame \| history
	src/views/securityCompany/computents/service.vue	4 ●●●●● patch \| view \| raw \| blame \| history
	src/views/securityCompany/data.js	45 ●●●●● patch \| view \| raw \| blame \| history
	src/views/securityGuardManagement/dispatchChildoperable copy.vue	6 ●●●●● patch \| view \| raw \| blame \| history
	src/views/securityGuardManagement/registerOnce.vue	2 ●●●●● patch \| view \| raw \| blame \| history
	src/views/statisticalQueryManagement/businessStatistics.vue	6 ●●●●● patch \| view \| raw \| blame \| history
	src/views/statisticalQueryManagement/businessStatisticsDetail.vue	2 ●●●●● patch \| view \| raw \| blame \| history
	src/views/statisticalQueryManagement/businessStatisticsFwdq.vue	2 ●●●●● patch \| view \| raw \| blame \| history
	src/views/statisticalQueryManagement/companyDetails.vue	2 ●●●●● patch \| view \| raw \| blame \| history
	src/views/statisticalQueryManagement/informationLoginStatistics.vue	227 ●●●●● patch \| view \| raw \| blame \| history
	src/views/statisticalQueryManagement/securityGuardDetail.vue	2 ●●●●● patch \| view \| raw \| blame \| history
	src/views/statisticalQueryManagement/securityGuardStatistics.vue	43 ●●●●● patch \| view \| raw \| blame \| history
	src/views/talk/talk.vue	1 ●●●●● patch \| view \| raw \| blame \| history
	vue.config.js	6 ●●●●● patch \| view \| raw \| blame \| history

 public/scoket.html

New file
@@ -0,0 +1,60 @@
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset = utf-8" />
    <title>WebSocket客户端</title>
    <script type="text/javascript">
        var socket;
        if (!window.WebSocket) {
            window.WebSocket = window.MozWebSocket;
        }

        if (window.WebSocket) {
            socket = new WebSocket("ws://localhost:9034/websocket");
            socket.onmessage = function(event) {
                var ta = document.getElementById('responseContent');
                ta.value += event.data + "\r\n";
            };

            socket.onopen = function(event) {
                var ta = document.getElementById('responseContent');
                ta.value = "你当前的浏览器支持WebSocket,请进行后续操作\r\n";
            };

            socket.onclose = function(event) {
                var ta = document.getElementById('responseContent');
                ta.value = "";

                ta.value = "WebSocket连接已经关闭\r\n";
            };
        } else {
            alert("您的浏览器不支持WebSocket");
        }



        function send(message) {
            if (!window.WebSocket) {
                return;
            }
            if (socket.readyState == WebSocket.OPEN) {
                socket.send(message);
            } else {
                alert("WebSocket连接没有建立成功！！");
            }
        }
    </script>
</head>

<body>
    <form onSubmit="return false;">
        <input type="text" name="message" value="" />
        <br/><br/>
        <input type="button" value="发送WebSocket请求消息" onClick="send(this.form.message.value)" />
        <hr color="red" />
        <h2>客户端接收到服务端返回的应答消息</h2>
        <textarea id="responseContent" style="width:1024px; height:300px"></textarea>
    </form>
</body>

</html>

 src/api/loginRecord/loginRecord.js

New file
@@ -0,0 +1,25 @@
import request from '@/router/axios';

export const getList = (current, size, params) => {
    return request({
        url: '/api/loginRecord/page',
        method: 'get',
        params: {
            current,
            size,
            ...params
        }
    })
}

export const getInformationLoginPage = (current, size, params) => {
    return request({
        url: '/api/loginRecord/getInformationLoginPage',
        method: 'get',
        params: {
            current,
            size,
            ...params
        }
    })
}

 src/page/index/logo.vue

@@ -23,11 +23,71 @@
  data() {
    return {};
  },
  created() {},
  created() {
    // this.websocketStart();
  },
  computed: {
    ...mapGetters(["website", "keyCollapse"])
  },
  methods: {}
  methods: {
    //启动websocket
    websocketStart() {
      var that = this;

      if (!window.WebSocket) {
        window.WebSocket = window.MozWebSocket;
      }
      if (window.WebSocket) {
        // https
        // window.socket = new WebSocket("wss://web.byisf.com/wss/websocket/");

        //http
        window.socket = new WebSocket("ws://localhost:9034/websocket");

        window.socket.onopen = function (event) {};

        window.socket.onclose = function (event) {};
        window.socket.error = function (event) {
          //执行重连
          that.websocketStart();
        };
      } else {
        console.log("WebSocket连接没有建立成功！！");
      }

      setTimeout(function () {
        window.clearTimeout(window.websockPing);

        if (!window.WebSocket) {
          return;
        }
        if (window.socket.readyState == WebSocket.OPEN) {
          var userId = JSON.parse(
            window.localStorage.getItem("-userInfo")
          ).content.user_id;

          window.socket.send(userId);

          //开启心跳传送
          window.websockPing = setInterval(function () {
            if (window.socket.readyState == WebSocket.OPEN) {
              window.socket.send("ping");
            } else {
              console.log("心跳停止，断开重连");
              //断开连接，重连
              window.clearTimeout(window.websockPing);
              //执行重连
              that.websocketStart();
            }
          }, 4000);
        } else {
          console.log("WebSocket连接没有建立成功！！");
          //执行重连
          that.websocketStart();
        }
      }, 1000);
    },
  }
};
</script>


 src/views/loginRecord/loginRecord.vue

New file
@@ -0,0 +1,192 @@
<template>
    <div>
    <avue-crud
      :option="option"
      :data="data"
      :page.sync="page"
      :table-loading="loading"
      @on-load="onLoad(page)"
      @search-change="searchChange"
      @search-reset="searchReset"
      @refresh-change="refreshChange"
    >
    </avue-crud>
  </div>
</template>

<script>
import { getInformationLoginPage } from "@/api/loginRecord/loginRecord";
export default {
  data() {
    return {
      securityid: "",
      ExperienceVisible: false,
      loading: true,
      page: {
        pageSize: 10,
        currentPage: 1,
        total: 0,
      },
      query: {},
      data: [],
      option: {
        addBtn: false,
        searchShowBtn: false,
        columnBtn: false,
        menu: false,
        height: "auto",
        widtd: "auto",
        border: true,
        stripe: true,
        index: true,
        align: "center",
        column: [
          {
            label: "登录时间",
            prop: "releaseTimeRange",
            type: "datetime",
            format: "yyyy-MM-dd",
            valueFormat: "yyyy-MM-dd",
            searchRange: true,
            hide: true,
            search: true,
            searchSpan: 7,
            rules: [
              {
                required: true,
                message: "请输入登录时间",
                trigger: "blur",
              },
            ],
          },
          {
            label: "企业名称",
            prop: "deptName",
            disabled: true,
            overHidden: true,
            searchSpan: 5,
            search: true,
          },
          {
            label: "所属辖区",
            prop: "jurisdictionName",
            type: "select",
            dicData: [
              {
                label: "男",
                value: 1,
              },
              {
                label: "女",
                value: 2,
              },
              {
                label: "未知",
                value: 3,
              },
            ],
            display: false,
          },
          {
            label: "企业属性",
            prop: "stats",
            display: false,
            minWidth: 90,
            dicUrl: "/api/blade-system/dict-biz/dictionary?code=stats",
            props: {
              label: "dictValue",
              value: "dictKey",
            },
            type: "select",
            rules: [
              {
                required: true,
                message: "请选择企业属性",
                trigger: "blur",
              },
            ],
          },
          {
            label: "最近一次登录时间",
            prop: "createTime",
            minWidth: 100,
            display: false,
          },
          {
            label: "登录次数",
            prop: "num",
            disabled: false,
          },
          {
            label: "是否有登录",
            prop: "types",
            search: true,
            disabled: false,
            searchLabelWidth:110,
            type: "select",
            searchSpan: 5,
            hide:true,
            dicData: [
              {
                label: "全部",
                value: 3,
              },
              {
                label: "是",
                value: 2,
              },
              {
                label: "否",
                value: 1,
              },
            ],
          },
        ],
      },
    };
  },
  methods: {
    onLoad(page, params = {}) {

      const { releaseTimeRange } = this.query;

      let values = {
        ...params,
      };
      if (releaseTimeRange) {
        values = {
          ...params,
          startTime: releaseTimeRange[0],
          endTime: releaseTimeRange[1],
          ...this.query,
        };
        values.releaseTimeRange = null;
      }

      getInformationLoginPage(page.currentPage, page.pageSize, values).then((res) => {
        const data = res.data.data;
        this.data = data.records;
        this.page.total = data.total;
        this.loading = false;
      });
    },
    refreshChange() {
      this.onLoad(this.page, this.query);
    },
    searchChange(params, done) {
      this.query = params;
      this.page.currentPage = 1;
      this.refreshChange();
      done();
    },
    searchReset() {
      this.query = {};
      this.page.currentPage = 1;
      this.refreshChange();
    },
  },
};
</script>

<style scoped>
</style>

 src/views/onSiteInspection/data.js

@@ -1,26 +1,21 @@
var DIC = [
    {
        label: '招聘中',
        value: 1,
    }, {
        label: '停止招聘',
        value: 2,
    }
]
var DIC1 = [
    {
        label: '拥有',
        value: 1,
    }, {
        label: '未拥有',
        value: 2,
    }
]
var DIC = [{
    label: '招聘中',
    value: 1,
}, {
    label: '停止招聘',
    value: 2,
}]
var DIC1 = [{
    label: '拥有',
    value: 1,
}, {
    label: '未拥有',
    value: 2,
}]

var w = 160
    , s = 12;
export var column = [
    {
var w = 160,
    s = 12;
export var column = [{
        label: "id",
        prop: "id",
        hide: true,
@@ -51,11 +46,11 @@
        //     addDisplay: false
    },
    {
        label: "保安公司",
        label: "企业名称",
        prop: "deptId",
        rules: [{
            required: true,
            message: "请输入保安公司",
            message: "请输入企业名称",
            trigger: "blur"
        }],
        // addDisplay: true,
@@ -275,4 +270,4 @@
        //     trigger: "blur"
        // }],
    },
]
]

 src/views/qualificationExamination/data.js

@@ -1,26 +1,21 @@
var DIC = [
    {
        label: '招聘中',
        value: 1,
    }, {
        label: '停止招聘',
        value: 2,
    }
]
var DIC1 = [
    {
        label: '拥有',
        value: 1,
    }, {
        label: '未拥有',
        value: 2,
    }
]
var DIC = [{
    label: '招聘中',
    value: 1,
}, {
    label: '停止招聘',
    value: 2,
}]
var DIC1 = [{
    label: '拥有',
    value: 1,
}, {
    label: '未拥有',
    value: 2,
}]

var w = 160
    , s = 12;
export var column = [
    {
var w = 160,
    s = 12;
export var column = [{
        label: "id",
        prop: "id",
        hide: true,
@@ -51,11 +46,11 @@
        //     addDisplay: false
    },
    {
        label: "保安公司",
        label: "企业名称",
        prop: "deptId",
        rules: [{
            required: true,
            message: "请输入保安公司",
            message: "请输入企业名称",
            trigger: "blur"
        }],
        // addDisplay: true,
@@ -275,4 +270,4 @@
        //     trigger: "blur"
        // }],
    },
]
]

 src/views/qualificationExamination/registrationTrainingQuery.vue

@@ -310,7 +310,7 @@
          //   overHidden: true,
          // },
          {
            label: "保安公司",
            label: "企业名称",
            prop: "deptName",
            // width: 70,
            // search: true,

 src/views/qualificationExamination/signQualificationExamination.vue

@@ -99,7 +99,7 @@
            width:140
          },
          {
            label: "保安公司",
            label: "企业名称",
            prop: "deptName",
            overHidden: true,
            search: true,

 src/views/regulatoryInformation/data.js

@@ -1,26 +1,21 @@
var DIC = [
    {
        label: '招聘中',
        value: 1,
    }, {
        label: '停止招聘',
        value: 2,
    }
]
var DIC1 = [
    {
        label: '拥有',
        value: 1,
    }, {
        label: '未拥有',
        value: 2,
    }
]
var DIC = [{
    label: '招聘中',
    value: 1,
}, {
    label: '停止招聘',
    value: 2,
}]
var DIC1 = [{
    label: '拥有',
    value: 1,
}, {
    label: '未拥有',
    value: 2,
}]

var w = 160
    , s = 12;
export var column = [
    {
var w = 160,
    s = 12;
export var column = [{
        label: "id",
        prop: "id",
        hide: true,
@@ -44,11 +39,11 @@
    //     value: JSON.parse(window.localStorage.getItem("saber-userInfo")).content.dept_id
    // },//上面不显示
    {
        label: "保安公司",
        label: "企业名称",
        prop: "deptId",
        rules: [{
            required: true,
            message: "请输入保安公司",
            message: "请输入企业名称",
            trigger: "blur"
        }],
        // addDisplay: true,
@@ -268,4 +263,4 @@
        //     trigger: "blur"
        // }],
    },
]
]

 src/views/securityCompany/computents/equipment.vue

@@ -96,14 +96,14 @@
            width: 70,
          },
          {
            label: "所属保安公司",
            label: "企业名称",
            prop: "deptId",
            searchSpan: 6,
            searchLabelWidth: 110,
            rules: [
              {
                required: true,
                message: "请输入所属保安公司",
                message: "请输入企业名称",
                trigger: "blur",
              },
            ],

 src/views/securityCompany/computents/service.vue

@@ -69,7 +69,7 @@
            ],
          },
          {
            label: "保安公司",
            label: "企业名称",
            prop: "deptId",
            type: "tree",
            overHidden: true,
@@ -86,7 +86,7 @@
            rules: [
              {
                required: true,
                message: "请选择保安公司",
                message: "请选择企业名称",
                trigger: "click",
              },
            ],

 src/views/securityCompany/data.js

@@ -1,26 +1,21 @@
var DIC = [
    {
        label: '招聘中',
        value: 1,
    }, {
        label: '停止招聘',
        value: 2,
    }
]
var DIC1 = [
    {
        label: '拥有',
        value: 1,
    }, {
        label: '未拥有',
        value: 2,
    }
]
var DIC = [{
    label: '招聘中',
    value: 1,
}, {
    label: '停止招聘',
    value: 2,
}]
var DIC1 = [{
    label: '拥有',
    value: 1,
}, {
    label: '未拥有',
    value: 2,
}]

var w = 160
    , s = 12;
export var column = [
    {
var w = 160,
    s = 12;
export var column = [{
        label: "id",
        prop: "id",
        hide: true,
@@ -44,11 +39,11 @@
    //     value: JSON.parse(window.localStorage.getItem("saber-userInfo")).content.dept_id
    // },//上面不显示
    {
        label: "保安公司",
        label: "企业名称",
        prop: "deptId",
        rules: [{
            required: true,
            message: "请输入保安公司",
            message: "请输入企业名称",
            trigger: "blur"
        }],
        // addDisplay: true,
@@ -268,4 +263,4 @@
        //     trigger: "blur"
        // }],
    },
]
]

 src/views/securityGuardManagement/dispatchChildoperable copy.vue

@@ -130,7 +130,7 @@
          //     // addDisplay: false
          // },
          {
            label: "保安公司",
            label: "企业名称",
            prop: "deptId",
            labelWidth: 120,
            searchLabelWidth: 75,
@@ -147,7 +147,7 @@
            rules: [
              {
                required: true,
                message: "请输入保安公司",
                message: "请输入企业名称",
                trigger: "blur",
              },
            ],
@@ -176,7 +176,7 @@
            rules: [
              {
                required: true,
                message: "请输入保安公司",
                message: "请输入企业名称",
                trigger: "blur",
              },
            ],

 src/views/securityGuardManagement/registerOnce.vue

@@ -300,7 +300,7 @@
            display: false,
          },
          {
            label: "所属保安公司",
            label: "企业名称",
            searchLabelWidth: "110",
            // prop: "deptName",
            prop: "deptId",

 src/views/statisticalQueryManagement/businessStatistics.vue

@@ -125,7 +125,7 @@
        dialogClickModal: false,
        column: [
          {
            label: "公司名称",
            label: "企业名称",
            prop: "enterpriseName",
            search: true,
            searchSpan: 4,
@@ -133,7 +133,7 @@
            display: false,
          },
          {
            label: "单位类型",
            label: "企业属性",
            prop: "stats",
            search: true,
            searchSpan: 4,
@@ -282,7 +282,7 @@
      dictionaryList().then((res) => {
        if (res.data.code === 200) {
          this.tableOption.column.forEach((item) => {
            if (item.label == "单位类型") {
            if (item.label == "企业属性") {
              item.dicData = res.data.data;
            }
          });

 src/views/statisticalQueryManagement/businessStatisticsDetail.vue

@@ -149,7 +149,7 @@
            // display: false
          },
          {
            label: "保安公司名称",
            label: "企业名称",
            width: 300,
            prop: "deptName",
            display: false

 src/views/statisticalQueryManagement/businessStatisticsFwdq.vue

@@ -91,7 +91,7 @@
            // display: false
          },
          {
            label: "所属保安公司",
            label: "企业名称",
            prop: "deptName",
            width: 300,
            display: false

 src/views/statisticalQueryManagement/companyDetails.vue

@@ -102,7 +102,7 @@
            display: false
          },
          {
            label: "所属保安公司",
            label: "企业名称",
            prop: "enterpriseName",
            width: 300,
            display: false

 src/views/statisticalQueryManagement/informationLoginStatistics.vue

New file
@@ -0,0 +1,227 @@
<template>
  <div>
    <basic-container class="witerFontColorInput">
      <avue-crud
        :option="option"
        :data="data"
        :page.sync="page"
        :search.sync="search"
        :table-loading="loading"
        @on-load="onLoad(page)"
        @search-change="searchChange"
        @search-reset="searchReset"
        @refresh-change="refreshChange"
      >
      </avue-crud>
    </basic-container>
  </div>
</template>

<script>
import { getInformationLoginPage } from "@/api/loginRecord/loginRecord";
import {  lazyTrees } from "@/api/index/index";
import {dictionaryList} from "@/api/statisticalQueryManagement/statisticalQueryManagement";
export default {
  data() {
    return {
      loading: true,
      page: {
        pageSize: 10,
        currentPage: 1,
        total: 0,
      },
      query: {},
      search: {},
      data: [],
      option: {
        delBtn: false,
        editBtn: false,
        addBtn: false,
        selection: false,
        menu: false,
        align: "center",
        height: "auto",
        calcHeight: 30,
        tip: false,
        searchShowBtn: false,
        searchShow: true,
        searchMenuSpan: 6,
        index: true,
        column: [
          {
            label: "登录时间",
            prop: "releaseTimeRange",
            type: "datetime",
            format: "yyyy-MM-dd",
            valueFormat: "yyyy-MM-dd",
            searchRange: true,
            hide: true,
            search: true,
            searchSpan: 6,
            rules: [
              {
                required: true,
                message: "请输入登录时间",
                trigger: "blur",
              },
            ],
          },
          {
            label: "企业名称",
            prop: "deptName",
            disabled: true,
            overHidden: true,
            searchSpan: 5,
            search: true,
          },
          {
            label: "所属辖区",
            prop: "jurisdictionName",
            searchSpan: 4,
            type: "tree",
            props: {
              label: "title",
              value: "id",
            },
            dicData: [],
            search: true,
            rules: [
              {
                required: true,
                message: "请选择所属辖区",
                trigger: "blur",
              },
            ],
          },
          {
            label: "企业属性",
            prop: "stats",
            search: true,
            searchSpan: 4,
            display: false,
            type: "select",
            props: {
              label: "dictValue",
              value: "dictKey",
            },
            dicData: [],
          },
          {
            label: "最近一次登录时间",
            prop: "createTime",
            minWidth: 100,
            display: false,
          },
          {
            label: "登录次数",
            prop: "num",
            disabled: false,
          },
          {
            label: "是否有登录",
            prop: "types",
            search: true,
            disabled: false,
            searchLabelWidth: 100,
            type: "select",
            searchSpan: 4,
            hide: true,
            dicData: [
              {
                label: "全部",
                value: 3,
              },
              {
                label: "是",
                value: 2,
              },
              {
                label: "否",
                value: 1,
              },
            ],
          },
        ],
      },
    };
  },
  created(){
    //分别查询辖区和字典数据
    this.getSubOfficeData();
    this.getDictionaryList();
  },
  methods: {
    //获取辖区数据
    getSubOfficeData() {
      lazyTrees().then((res) => {
        if (res.data.code === 200) {
          this.option.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.option.column.forEach((item) => {
            if (item.label == "企业属性") {
              item.dicData = res.data.data;
            }
          });
        }
      });
    },
    onLoad(page, params = {}) {
      //属性值转换
      params["jurisdiction"] = params["jurisdictionName"] || "";

      const { releaseTimeRange } = this.search;

      let values = {
        ...params,
      };
      if (releaseTimeRange) {
        values = {
          ...params,
          startTime: releaseTimeRange[0],
          endTime: releaseTimeRange[1],
          ...this.query,
        };
        values.releaseTimeRange = null;
      }

      getInformationLoginPage(page.currentPage, page.pageSize, values).then(
        (res) => {
          const data = res.data.data;
          this.data = data.records;
          this.page.total = data.total;
          this.loading = false;
        }
      );
    },
    refreshChange() {
      this.onLoad(this.page, this.query);
    },
    searchChange(params, done) {
      this.query = params;
      this.page.currentPage = 1;
      this.refreshChange();
      done();
    },
    searchReset() {
      this.query = {};
      this.page.currentPage = 1;
      this.refreshChange();
    },
  },
};
</script>

<style scoped>
</style>

 src/views/statisticalQueryManagement/securityGuardDetail.vue

@@ -121,7 +121,7 @@
            display: false
          },
          {
            label: "保安公司",
            label: "企业名称",
            prop: "deptName",
            width: 300,
            // search: true,

 src/views/statisticalQueryManagement/securityGuardStatistics.vue

@@ -128,7 +128,7 @@
        dialogClickModal: false,
        column: [
          {
            label: "公司名称",
            label: "企业名称",
            prop: "deptname",
            search: true,
            searchSpan: 4,
@@ -136,7 +136,7 @@
            display: false
          },
          {
            label: "单位类型",
            label: "企业属性",
            prop: "stats",
            search: true,
            searchSpan: 4,
@@ -157,29 +157,7 @@
              label: "title",
              value: "value"
            },
            // dicUrl: "/api/information/lazyTreeJu",
            // dicMethod:'post',
            dicData: [
              // {
              //   value: "0",
              //   label: "南昌市公安局"
              // },
              // {
              //   value: "2",
              //   label: "东湖分局"
              // },
              // {
              //   value: "3",
              //   label: "西湖分局"
              // },
              // {
              //   value: "4",
              //   label: "青云谱分局"
              // },
              // {
              //   value: "5",
              //   label: "青山湖分局"
              // }
            ],
            search: true,
            rules: [
@@ -254,11 +232,6 @@
            prop: "scycnum",
            display: false
          },
          // {
          //   label: "过考保安人数",
          //   prop: "pass",
          //   display: false,
          // },
          {
            label: "缴纳社保人数",
            prop: "jnsbnum",
@@ -328,21 +301,11 @@
        }
      });
    },
    // searchChildren(data) {
    //   data.forEach(item => {
    //     if(item.hasChildren)(

    //     )
    //     else {
    //       this.searchChildren()
    //     }
    //   });
    // },
    getDictionaryList() {
      dictionaryList().then(res => {
        if (res.data.code === 200) {
          this.tableOption.column.forEach(item => {
            if (item.label == "单位类型") {
            if (item.label == "企业属性") {
              item.dicData = res.data.data;
            }
          });

 src/views/talk/talk.vue

@@ -80,6 +80,7 @@
        index: true,
        viewBtn: true,
        selection: true,
        menu:false,
        dialogClickModal: false,
        column: [
          {

 vue.config.js

@@ -33,9 +33,9 @@
                // target: 'http://192.168.0.114:82',
                // target: 'http://192.168.0.108:82',
                // target: 'http://192.168.0.110:82',
                target: 'http://s16s652780.51mypc.cn/api',
                // target: 'http://s16s652780.51mypc.cn/api',
                // 服务器使用
                // target: 'http://localhost:82',
                target: 'http://localhost:82',
                ws: true,
                pathRewrite: {
                    '^/api': '/'
@@ -43,4 +43,4 @@
            }
        }
    }
};
};

New file
			@@ -0,0 +1,60 @@
			<html>

			<head>
			<meta http-equiv="Content-Type" content="text/html; charset = utf-8" />
			<title>WebSocket客户端</title>
			<script type="text/javascript">
			var socket;
			if (!window.WebSocket) {
			window.WebSocket = window.MozWebSocket;
			}

			if (window.WebSocket) {
			socket = new WebSocket("ws://localhost:9034/websocket");
			socket.onmessage = function(event) {
			var ta = document.getElementById('responseContent');
			ta.value += event.data + "\r\n";
			};

			socket.onopen = function(event) {
			var ta = document.getElementById('responseContent');
			ta.value = "你当前的浏览器支持WebSocket,请进行后续操作\r\n";
			};

			socket.onclose = function(event) {
			var ta = document.getElementById('responseContent');
			ta.value = "";

			ta.value = "WebSocket连接已经关闭\r\n";
			};
			} else {
			alert("您的浏览器不支持WebSocket");
			}



			function send(message) {
			if (!window.WebSocket) {
			return;
			}
			if (socket.readyState == WebSocket.OPEN) {
			socket.send(message);
			} else {
			alert("WebSocket连接没有建立成功！！");
			}
			}
			</script>
			</head>

			<body>
			<form onSubmit="return false;">
			<input type="text" name="message" value="" />
			<br/><br/>
			<input type="button" value="发送WebSocket请求消息" onClick="send(this.form.message.value)" />
			<hr color="red" />
			<h2>客户端接收到服务端返回的应答消息</h2>
			<textarea id="responseContent" style="width:1024px; height:300px"></textarea>
			</form>
			</body>

			</html>

New file
			@@ -0,0 +1,25 @@
			import request from '@/router/axios';

			export const getList = (current, size, params) => {
			return request({
			url: '/api/loginRecord/page',
			method: 'get',
			params: {
			current,
			size,
			...params
			}
			})
			}

			export const getInformationLoginPage = (current, size, params) => {
			return request({
			url: '/api/loginRecord/getInformationLoginPage',
			method: 'get',
			params: {
			current,
			size,
			...params
			}
			})
			}

			@@ -23,11 +23,71 @@
			data() {
			return {};
			},
			created() {},
			created() {
			// this.websocketStart();
			},
			computed: {
			...mapGetters(["website", "keyCollapse"])
			},
			methods: {}
			methods: {
			//启动websocket
			websocketStart() {
			var that = this;

			if (!window.WebSocket) {
			window.WebSocket = window.MozWebSocket;
			}
			if (window.WebSocket) {
			// https
			// window.socket = new WebSocket("wss://web.byisf.com/wss/websocket/");

			//http
			window.socket = new WebSocket("ws://localhost:9034/websocket");

			window.socket.onopen = function (event) {};

			window.socket.onclose = function (event) {};
			window.socket.error = function (event) {
			//执行重连
			that.websocketStart();
			};
			} else {
			console.log("WebSocket连接没有建立成功！！");
			}

			setTimeout(function () {
			window.clearTimeout(window.websockPing);

			if (!window.WebSocket) {
			return;
			}
			if (window.socket.readyState == WebSocket.OPEN) {
			var userId = JSON.parse(
			window.localStorage.getItem("-userInfo")
			).content.user_id;

			window.socket.send(userId);

			//开启心跳传送
			window.websockPing = setInterval(function () {
			if (window.socket.readyState == WebSocket.OPEN) {
			window.socket.send("ping");
			} else {
			console.log("心跳停止，断开重连");
			//断开连接，重连
			window.clearTimeout(window.websockPing);
			//执行重连
			that.websocketStart();
			}
			}, 4000);
			} else {
			console.log("WebSocket连接没有建立成功！！");
			//执行重连
			that.websocketStart();
			}
			}, 1000);
			},
			}
			};
			</script>

New file
			@@ -0,0 +1,192 @@
			<template>
			<div>
			<avue-crud
			:option="option"
			:data="data"
			:page.sync="page"
			:table-loading="loading"
			@on-load="onLoad(page)"
			@search-change="searchChange"
			@search-reset="searchReset"
			@refresh-change="refreshChange"
			>
			</avue-crud>
			</div>
			</template>

			<script>
			import { getInformationLoginPage } from "@/api/loginRecord/loginRecord";
			export default {
			data() {
			return {
			securityid: "",
			ExperienceVisible: false,
			loading: true,
			page: {
			pageSize: 10,
			currentPage: 1,
			total: 0,
			},
			query: {},
			data: [],
			option: {
			addBtn: false,
			searchShowBtn: false,
			columnBtn: false,
			menu: false,
			height: "auto",
			widtd: "auto",
			border: true,
			stripe: true,
			index: true,
			align: "center",
			column: [
			{
			label: "登录时间",
			prop: "releaseTimeRange",
			type: "datetime",
			format: "yyyy-MM-dd",
			valueFormat: "yyyy-MM-dd",
			searchRange: true,
			hide: true,
			search: true,
			searchSpan: 7,
			rules: [
			{
			required: true,
			message: "请输入登录时间",
			trigger: "blur",
			},
			],
			},
			{
			label: "企业名称",
			prop: "deptName",
			disabled: true,
			overHidden: true,
			searchSpan: 5,
			search: true,
			},
			{
			label: "所属辖区",
			prop: "jurisdictionName",
			type: "select",
			dicData: [
			{
			label: "男",
			value: 1,
			},
			{
			label: "女",
			value: 2,
			},
			{
			label: "未知",
			value: 3,
			},
			],
			display: false,
			},
			{
			label: "企业属性",
			prop: "stats",
			display: false,
			minWidth: 90,
			dicUrl: "/api/blade-system/dict-biz/dictionary?code=stats",
			props: {
			label: "dictValue",
			value: "dictKey",
			},
			type: "select",
			rules: [
			{
			required: true,
			message: "请选择企业属性",
			trigger: "blur",
			},
			],
			},
			{
			label: "最近一次登录时间",
			prop: "createTime",
			minWidth: 100,
			display: false,
			},
			{
			label: "登录次数",
			prop: "num",
			disabled: false,
			},
			{
			label: "是否有登录",
			prop: "types",
			search: true,
			disabled: false,
			searchLabelWidth:110,
			type: "select",
			searchSpan: 5,
			hide:true,
			dicData: [
			{
			label: "全部",
			value: 3,
			},
			{
			label: "是",
			value: 2,
			},
			{
			label: "否",
			value: 1,
			},
			],
			},
			],
			},
			};
			},
			methods: {
			onLoad(page, params = {}) {

			const { releaseTimeRange } = this.query;

			let values = {
			...params,
			};
			if (releaseTimeRange) {
			values = {
			...params,
			startTime: releaseTimeRange[0],
			endTime: releaseTimeRange[1],
			...this.query,
			};
			values.releaseTimeRange = null;
			}

			getInformationLoginPage(page.currentPage, page.pageSize, values).then((res) => {
			const data = res.data.data;
			this.data = data.records;
			this.page.total = data.total;
			this.loading = false;
			});
			},
			refreshChange() {
			this.onLoad(this.page, this.query);
			},
			searchChange(params, done) {
			this.query = params;
			this.page.currentPage = 1;
			this.refreshChange();
			done();
			},
			searchReset() {
			this.query = {};
			this.page.currentPage = 1;
			this.refreshChange();
			},
			},
			};
			</script>

			<style scoped>
			</style>

			@@ -1,26 +1,21 @@
			var DIC = [
			{
			label: '招聘中',
			value: 1,
			}, {
			label: '停止招聘',
			value: 2,
			}
			]
			var DIC1 = [
			{
			label: '拥有',
			value: 1,
			}, {
			label: '未拥有',
			value: 2,
			}
			]
			var DIC = [{
			label: '招聘中',
			value: 1,
			}, {
			label: '停止招聘',
			value: 2,
			}]
			var DIC1 = [{
			label: '拥有',
			value: 1,
			}, {
			label: '未拥有',
			value: 2,
			}]

			var w = 160
			, s = 12;
			export var column = [
			{
			var w = 160,
			s = 12;
			export var column = [{
			label: "id",
			prop: "id",
			hide: true,
			@@ -51,11 +46,11 @@
			// addDisplay: false
			},
			{
			label: "保安公司",
			label: "企业名称",
			prop: "deptId",
			rules: [{
			required: true,
			message: "请输入保安公司",
			message: "请输入企业名称",
			trigger: "blur"
			}],
			// addDisplay: true,
			@@ -275,4 +270,4 @@
			// trigger: "blur"
			// }],
			},
			]
			]

			@@ -310,7 +310,7 @@
			// overHidden: true,
			// },
			{
			label: "保安公司",
			label: "企业名称",
			prop: "deptName",
			// width: 70,
			// search: true,

			@@ -99,7 +99,7 @@
			width:140
			},
			{
			label: "保安公司",
			label: "企业名称",
			prop: "deptName",
			overHidden: true,
			search: true,

			@@ -96,14 +96,14 @@
			width: 70,
			},
			{
			label: "所属保安公司",
			label: "企业名称",
			prop: "deptId",
			searchSpan: 6,
			searchLabelWidth: 110,
			rules: [
			{
			required: true,
			message: "请输入所属保安公司",
			message: "请输入企业名称",
			trigger: "blur",
			},
			],

			@@ -69,7 +69,7 @@
			],
			},
			{
			label: "保安公司",
			label: "企业名称",
			prop: "deptId",
			type: "tree",
			overHidden: true,
			@@ -86,7 +86,7 @@
			rules: [
			{
			required: true,
			message: "请选择保安公司",
			message: "请选择企业名称",
			trigger: "click",
			},
			],

			@@ -130,7 +130,7 @@
			// // addDisplay: false
			// },
			{
			label: "保安公司",
			label: "企业名称",
			prop: "deptId",
			labelWidth: 120,
			searchLabelWidth: 75,
			@@ -147,7 +147,7 @@
			rules: [
			{
			required: true,
			message: "请输入保安公司",
			message: "请输入企业名称",
			trigger: "blur",
			},
			],
			@@ -176,7 +176,7 @@
			rules: [
			{
			required: true,
			message: "请输入保安公司",
			message: "请输入企业名称",
			trigger: "blur",
			},
			],

			@@ -300,7 +300,7 @@
			display: false,
			},
			{
			label: "所属保安公司",
			label: "企业名称",
			searchLabelWidth: "110",
			// prop: "deptName",
			prop: "deptId",

			@@ -125,7 +125,7 @@
			dialogClickModal: false,
			column: [
			{
			label: "公司名称",
			label: "企业名称",
			prop: "enterpriseName",
			search: true,
			searchSpan: 4,
			@@ -133,7 +133,7 @@
			display: false,
			},
			{
			label: "单位类型",
			label: "企业属性",
			prop: "stats",
			search: true,
			searchSpan: 4,
			@@ -282,7 +282,7 @@
			dictionaryList().then((res) => {
			if (res.data.code === 200) {
			this.tableOption.column.forEach((item) => {
			if (item.label == "单位类型") {
			if (item.label == "企业属性") {
			item.dicData = res.data.data;
			}
			});

			@@ -149,7 +149,7 @@
			// display: false
			},
			{
			label: "保安公司名称",
			label: "企业名称",
			width: 300,
			prop: "deptName",
			display: false

			@@ -91,7 +91,7 @@
			// display: false
			},
			{
			label: "所属保安公司",
			label: "企业名称",
			prop: "deptName",
			width: 300,
			display: false

			@@ -102,7 +102,7 @@
			display: false
			},
			{
			label: "所属保安公司",
			label: "企业名称",
			prop: "enterpriseName",
			width: 300,
			display: false

New file
			@@ -0,0 +1,227 @@
			<template>
			<div>
			<basic-container class="witerFontColorInput">
			<avue-crud
			:option="option"
			:data="data"
			:page.sync="page"
			:search.sync="search"
			:table-loading="loading"
			@on-load="onLoad(page)"
			@search-change="searchChange"
			@search-reset="searchReset"
			@refresh-change="refreshChange"
			>
			</avue-crud>
			</basic-container>
			</div>
			</template>

			<script>
			import { getInformationLoginPage } from "@/api/loginRecord/loginRecord";
			import { lazyTrees } from "@/api/index/index";
			import {dictionaryList} from "@/api/statisticalQueryManagement/statisticalQueryManagement";
			export default {
			data() {
			return {
			loading: true,
			page: {
			pageSize: 10,
			currentPage: 1,
			total: 0,
			},
			query: {},
			search: {},
			data: [],
			option: {
			delBtn: false,
			editBtn: false,
			addBtn: false,
			selection: false,
			menu: false,
			align: "center",
			height: "auto",
			calcHeight: 30,
			tip: false,
			searchShowBtn: false,
			searchShow: true,
			searchMenuSpan: 6,
			index: true,
			column: [
			{
			label: "登录时间",
			prop: "releaseTimeRange",
			type: "datetime",
			format: "yyyy-MM-dd",
			valueFormat: "yyyy-MM-dd",
			searchRange: true,
			hide: true,
			search: true,
			searchSpan: 6,
			rules: [
			{
			required: true,
			message: "请输入登录时间",
			trigger: "blur",
			},
			],
			},
			{
			label: "企业名称",
			prop: "deptName",
			disabled: true,
			overHidden: true,
			searchSpan: 5,
			search: true,
			},
			{
			label: "所属辖区",
			prop: "jurisdictionName",
			searchSpan: 4,
			type: "tree",
			props: {
			label: "title",
			value: "id",
			},
			dicData: [],
			search: true,
			rules: [
			{
			required: true,
			message: "请选择所属辖区",
			trigger: "blur",
			},
			],
			},
			{
			label: "企业属性",
			prop: "stats",
			search: true,
			searchSpan: 4,
			display: false,
			type: "select",
			props: {
			label: "dictValue",
			value: "dictKey",
			},
			dicData: [],
			},
			{
			label: "最近一次登录时间",
			prop: "createTime",
			minWidth: 100,
			display: false,
			},
			{
			label: "登录次数",
			prop: "num",
			disabled: false,
			},
			{
			label: "是否有登录",
			prop: "types",
			search: true,
			disabled: false,
			searchLabelWidth: 100,
			type: "select",
			searchSpan: 4,
			hide: true,
			dicData: [
			{
			label: "全部",
			value: 3,
			},
			{
			label: "是",
			value: 2,
			},
			{
			label: "否",
			value: 1,
			},
			],
			},
			],
			},
			};
			},
			created(){
			//分别查询辖区和字典数据
			this.getSubOfficeData();
			this.getDictionaryList();
			},
			methods: {
			//获取辖区数据
			getSubOfficeData() {
			lazyTrees().then((res) => {
			if (res.data.code === 200) {
			this.option.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.option.column.forEach((item) => {
			if (item.label == "企业属性") {
			item.dicData = res.data.data;
			}
			});
			}
			});
			},
			onLoad(page, params = {}) {
			//属性值转换
			params["jurisdiction"] = params["jurisdictionName"] \|\| "";

			const { releaseTimeRange } = this.search;

			let values = {
			...params,
			};
			if (releaseTimeRange) {
			values = {
			...params,
			startTime: releaseTimeRange[0],
			endTime: releaseTimeRange[1],
			...this.query,
			};
			values.releaseTimeRange = null;
			}

			getInformationLoginPage(page.currentPage, page.pageSize, values).then(
			(res) => {
			const data = res.data.data;
			this.data = data.records;
			this.page.total = data.total;
			this.loading = false;
			}
			);
			},
			refreshChange() {
			this.onLoad(this.page, this.query);
			},
			searchChange(params, done) {
			this.query = params;
			this.page.currentPage = 1;
			this.refreshChange();
			done();
			},
			searchReset() {
			this.query = {};
			this.page.currentPage = 1;
			this.refreshChange();
			},
			},
			};
			</script>

			<style scoped>
			</style>

			@@ -121,7 +121,7 @@
			display: false
			},
			{
			label: "保安公司",
			label: "企业名称",
			prop: "deptName",
			width: 300,
			// search: true,

			@@ -128,7 +128,7 @@
			dialogClickModal: false,
			column: [
			{
			label: "公司名称",
			label: "企业名称",
			prop: "deptname",
			search: true,
			searchSpan: 4,
			@@ -136,7 +136,7 @@
			display: false
			},
			{
			label: "单位类型",
			label: "企业属性",
			prop: "stats",
			search: true,
			searchSpan: 4,
			@@ -157,29 +157,7 @@
			label: "title",
			value: "value"
			},
			// dicUrl: "/api/information/lazyTreeJu",
			// dicMethod:'post',
			dicData: [
			// {
			// value: "0",
			// label: "南昌市公安局"
			// },
			// {
			// value: "2",
			// label: "东湖分局"
			// },
			// {
			// value: "3",
			// label: "西湖分局"
			// },
			// {
			// value: "4",
			// label: "青云谱分局"
			// },
			// {
			// value: "5",
			// label: "青山湖分局"
			// }
			],
			search: true,
			rules: [
			@@ -254,11 +232,6 @@
			prop: "scycnum",
			display: false
			},
			// {
			// label: "过考保安人数",
			// prop: "pass",
			// display: false,
			// },
			{
			label: "缴纳社保人数",
			prop: "jnsbnum",
			@@ -328,21 +301,11 @@
			}
			});
			},
			// searchChildren(data) {
			// data.forEach(item => {
			// if(item.hasChildren)(

			// )
			// else {
			// this.searchChildren()
			// }
			// });
			// },
			getDictionaryList() {
			dictionaryList().then(res => {
			if (res.data.code === 200) {
			this.tableOption.column.forEach(item => {
			if (item.label == "单位类型") {
			if (item.label == "企业属性") {
			item.dicData = res.data.data;
			}
			});

			@@ -80,6 +80,7 @@
			index: true,
			viewBtn: true,
			selection: true,
			menu:false,
			dialogClickModal: false,
			column: [
			{

			@@ -33,9 +33,9 @@
			// target: 'http://192.168.0.114:82',
			// target: 'http://192.168.0.108:82',
			// target: 'http://192.168.0.110:82',
			target: 'http://s16s652780.51mypc.cn/api',
			// target: 'http://s16s652780.51mypc.cn/api',
			// 服务器使用
			// target: 'http://localhost:82',
			target: 'http://localhost:82',
			ws: true,
			pathRewrite: {
			'^/api': '/'
			@@ -43,4 +43,4 @@
			}
			}
			}
			};
			};