Merge branch 'master' of http://s16s652780.51mypc.cn:49896/r/zhba_regulatory

shuishen

2021-07-23 d75f3bea955056e70044556404349229627c7f22

Merge branch 'master' of http://s16s652780.51mypc.cn:49896/r/zhba_regulatory

 src/api/commandQuery/commandQuery.js

New file
@@ -0,0 +1,14 @@

import request from '@/router/axios';

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

 src/api/commandQuery/datasignQualificationExamination.js

New file
@@ -0,0 +1,74 @@
export var datasing = [
    {
        "保安姓名": "钟日健",
        "试卷名称": "KKAISHIDHI",
        "所属公司": "江西安泰保安服务有限公司",
        "准考证号": "",
        "试卷分数": 150,
        "报名时间": "2021-07-18 15:31:06",
        "考试时间": "2021-07-04 00:00:00"
    },
    {
        "保安姓名": "唐子玉",
        "试卷名称": "2021南昌市保安员考试 ",
        "所属公司": "江西安泰保安服务有限公司",
        "准考证号": "2107N0Q0000",
        "试卷分数": 100,
        "报名时间": "2021-07-18 15:58:43",
        "考试时间": "2021-07-19 00:00:00"
    },
    {
        "保安姓名": "曾杭",
        "试卷名称": "2021南昌市保安员考试 ",
        "所属公司": "江西安泰保安服务有限公司",
        "准考证号": "2107N0Q0001",
        "试卷分数": 100,
        "报名时间": "2021-07-18 19:45:52",
        "考试时间": "2021-07-19 00:00:00"
    },
    {
        "保安姓名": "钟日健",
        "试卷名称": "2021南昌市保安员考试 ",
        "所属公司": "江西安泰保安服务有限公司",
        "准考证号": "2107N0Q0002",
        "试卷分数": 100,
        "报名时间": "2021-07-18 20:52:24",
        "考试时间": "2021-07-19 00:00:00"
    },
    {
        "保安姓名": "曾杭",
        "试卷名称": "2021南昌市保安员考试 ",
        "所属公司": "江西安泰保安服务有限公司",
        "准考证号": "2107N0Q0003",
        "试卷分数": 100,
        "报名时间": "2021-07-18 20:52:24",
        "考试时间": "2021-07-19 00:00:00"
    },
    {
        "保安姓名": "曾杭2",
        "试卷名称": "2021南昌市保安员考试 ",
        "所属公司": "江西安泰保安服务有限公司",
        "准考证号": "2107N0Q0004",
        "试卷分数": 100,
        "报名时间": "2021-07-18 20:58:00",
        "考试时间": "2021-07-19 00:00:00"
    },
    {
        "保安姓名": "钟松",
        "试卷名称": "2021南昌市保安员考试 ",
        "所属公司": "江西高创保安服务技术有限公司",
        "准考证号": "2107N0Q0005",
        "试卷分数": 100,
        "报名时间": "2021-07-19 15:08:07",
        "考试时间": "2021-07-19 00:00:00"
    },
    {
        "保安姓名": "钟松1",
        "试卷名称": "2021南昌市保安员考试 ",
        "所属公司": "江西高创保安服务技术有限公司",
        "准考证号": "2107N0Q0006",
        "试卷分数": 100,
        "报名时间": "2021-07-19 15:36:11",
        "考试时间": "2021-07-19 00:00:00"
    }
]

 src/api/commandQuery/taskDistribution.js

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

// var newAxios = axios.create({
//     baseURL: "http://192.168.0.105:812",
//     withCredentials: false,
//     // headers: {
//     //     "Content-type": "application/x-ww-form-urlencoded"
//     // }
// })

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

export const adddata = (row) => {
    return request({
        // return newAxios({
        url: '/api/punish/save',
        // url: 'http://192.168.0.104:80/punish/save',
        method: 'post',
        data: row
    })
}

export const update = (row) => {
    return request({
        // return newAxios({
        url: '/api/punish/update',
        method: 'post',
        data: row
    })
}

export const remove = (ids) => {
    return request({
        // return newAxios({
        url: '/api/punish/remove',
        method: 'post',
        params: {
            ids,
        }
    })
}

 src/api/index/index.js

@@ -14,10 +14,38 @@
};

export const securityPer = () => {
    return request({
      url: "/api/performance/queryYearPer",
      method: "get"
    });
  };
  return request({
    url: "/api/performance/queryYearPer",
    method: "get"
  });
};
export const getLiveLocationVoList = (params) => {
  return request({
    url: "/api/liveLocation/getLiveLocationVoList",
    method: "get",
    params: params
  });
};
export const lazyTreeJu = () => {
  return request({
    url: "/api/information/lazyTreeJu",
    method: "post"
  });
};
export const noholderNum = (params) => {
  return request({
    url: "/api/information/selectInCount",
    method: "post",
    params: params
  });
};
export const noSocialSecurity = (params) => {
  return request({
    url: "/api/information/selectCs",
    method: "post",
    params: params
  });
};




 src/api/qualificationExamination/scoreInquiry.js

New file
@@ -0,0 +1,38 @@

import request from '@/router/axios';

export const getLisperexamScore = (current, size, params, userId) => {
    return request({
        url: '/api/examScore/page',
        method: 'get',
        params: {
            ...params,
            current,
            size,
            userId
        }
    })
}
export const getLispereexamPayment = (current, size, params) => {
    return request({
        url: '/api/examPayment/page',
        method: 'get',
        params: {
            ...params,
            current,
            size
        }
    })
}

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

 src/api/register/honor.js

@@ -59,15 +59,15 @@
        }
    })
}
export const getLisperdispatch = (current, size, params, userId) => {
export const getLisperdispatch = (current, size, params, userIds) => {
    return request({
        url: '/api/examScore/page',
        url: '/api/dispatcher/page',
        method: 'get',
        params: {
            ...params,
            current,
            size,
            userId
            userIds
        }
    })
}

 src/api/securityCompany/securityCompany.js

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

export const getListequipment = (current, size, params, deptId) => {
    return request({
        url: '/api/equipage/page',
        method: 'get',
        params: {
            ...params,
            current,
            size,
            deptId
        }
    })
}
export const getListestaff = (current, size, params, deptId) => {
    return request({
        url: '/api/blade-user/page',
        method: 'get',
        params: {
            ...params,
            current,
            size,
            deptId
        }
    })
}

// export const getListeservice = (current, size, params, deptId) => {
//     return request({
//         url: '/api/blade-user/page',
//         method: 'get',
//         params: {
//             ...params,
//             current,
//             size,
//             deptId
//         }
//     })
// }

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

export const getListeenclosure = (current, size, params, deptid) => {
    return request({
        url: '/api/blade-resource/attach/list',
        method: 'get',
        params: {
            ...params,
            current,
            size,
            deptid
        }
    })
}

 src/router/views/index.js

@@ -286,6 +286,33 @@
            component: () =>
                import( /* webpackChunkName: "views" */ '@/views/regulatoryInformation/index')
        }]
    }, {
        path: '/commandQuery',
        redirect: '/commandQuery/index',
        component: Layout,
        children: [{
            path: 'index',
            name: '指令查询',
            meta: {
                i18n: 'index',
            },
            component: () =>
                import( /* webpackChunkName: "views" */ '@/views/commandQuery/taskDistribution')
        }]
    },
    {
        path: '/qualificationExamination',
        redirect: '/qualificationExamination/registrationTrainingQuery',
        component: Layout,
        children: [{
            path: 'registrationTrainingQuery',
            name: '报名培训查询',
            meta: {
                i18n: 'registrationTrainingQuery',
            },
            component: () =>
                import( /* webpackChunkName: "views" */ '@/views/qualificationExamination/registrationTrainingQuery')
        }]
    },
    // {  //报错  到不到vue文件
    //     path: '/securityUnitOperation/operationTable',

 src/styles/element-ui.scss

@@ -403,7 +403,9 @@
  color: $fontColor !important;
}
//所有表格 边框
.el-card {
.el-card,
.el-tabs__content,
.ol-viewport {
  border: 1px solid transparent !important;
  box-shadow: 3px 3px 15px -2px rgb(0, 0, 0) !important;
}
@@ -485,6 +487,9 @@
  width: calc(100% - 800px) !important;
  left: 430px;
}
.company-box .el-card.is-never-shadow.avue-crud__search {
  width: calc(100% - 100px) !important;
}

.avue-form {
  position: relative;
@@ -556,3 +561,11 @@
{
  background-color: $black !important;
}

// logo 颜色
.login-border {
  .el-input__inner {
    border: 1px solid transparent !important;
    border-bottom: 1px solid rgba($color: #000000, $alpha: 0.1) !important;
  }
}

 src/views/commandQuery/incidentReporting.vue

 src/views/commandQuery/taskDistribution.vue

New file
@@ -0,0 +1,319 @@
/*
 * @Author: Morpheus
 * @Date: 2021-07-07 17:30:05
 * @Last Modified by: Morpheus
 * @Last Modified time: 2021-07-10 16:06:14
 * menu-name 监管信息
 */
<template>
  <basic-container>
    <avue-crud
      :option="option"
      :table-loading="loading"
      :data="data"
      :page.sync="page"
      :permission="permissionList"
      v-model="form"
      ref="crud"
      @row-update="rowUpdates"
      @row-save="rowSave"
      @row-del="rowDel"
      @search-change="searchChange"
      @search-reset="searchReset"
      @selection-change="selectionChange"
      @current-change="currentChange"
      @size-change="sizeChange"
      @refresh-change="refreshChange"
      @on-load="onLoad"
    >
    </avue-crud>
  </basic-container>
</template>

<script>
// import {
//   getList,
//   getDetail,
//   adddata,
//   update,
//   remove,
// } from "@/api/regulatoryInformation/regulatoryInformation";
import { mapGetters } from "vuex";
// import { datasing } from "./dataqualificationExamination";
// import { getList } from "@/api/qualificationExamination/qualificationExamination";
import { getLisperetaskDistribution } from "@/api/commandQuery/commandQuery";

export default {
  data() {
    return {
      form: {},
      query: {},
      loading: true,
      page: {
        pageSize: 10,
        currentPage: 1,
        total: 0,
      },
      selectionList: [],
      option: {
        // 操作栏多余按钮去除
        delBtn: false,
        editBtn: false,
        addBtn: false,
        selection: false,
        menu: false,

        searchShowBtn: false,

        align: "center",
        height: "auto",
        calcHeight: 30,
        tip: false,
        searchShow: true,
        searchMenuSpan: 6,
        index: true,
        viewBtn: true,
        dialogClickModal: false,

        column: [
          //   {
          //     label: "类型",
          //     prop: "type",
          //     overHidden: true,
          //   },
          // {
          //   label: "deptId",
          //   prop: "deptId",
          //   overHidden: true,
          //   // labelWidth: 120,
          //   // searchLabelWidth: 120,
          //   searchSpan: 4,
          //   dicUrl:
          //     "/api/blade-system/dept/security_lazy-tree?parentId=1413470343230877697",
          //   props: {
          //     label: "title",
          //     value: "id",
          //   },
          //   // hide: true,
          //   search: true,
          //   // overHidden: true,
          //   type: "select",
          //   // rules: [
          //   //   {
          //   //     required: true,
          //   //     message: "请输入保安公司",
          //   //     trigger: "blur",
          //   //   },
          //   // ],
          // },
          {
            label: "发送指令人",
            prop: "sendName",
            search: true,
            searchLabelWidth: 120,
            searchSpan: 5,
            //     hide: true,
            //     editDisplay: false,
            //     addDisplay: false
          },

          {
            label: "接收指令人",
            prop: "receiveName",
            search: true,
            searchLabelWidth: 120,
          },
          {
            label: "发送指令时间",
            prop: "sendTime",
            type: "date",
            format: "yyyy-MM-dd hh:mm:ss",
            valueFormat: "yyyy-MM-dd hh:mm:ss",
          },
          {
            label: "指令内容",
            prop: "content",
          },
        ],
      },
      data: [
        // {
        //   deptid: "江西众泰保安公司",
        //   punishtype: 2,
        //   punishreason: "非法施工",
        //   punishresult: "没收全部非法所得财产，并罚款3W元",
        //   punishtime: "2021-01-01",
        //   punisnum: 110110110120,
        // },
      ],
    };
  },
  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),
      };
    },
    ids() {
      let ids = [];
      this.selectionList.forEach((ele) => {
        ids.push(ele.id);
      });
      return ids.join(",");
    },
  },
  methods: {
    rowSave(row, done, loading) {
      adddata(row).then(
        () => {
          this.onLoad(this.page);
          this.$message({
            type: "success",
            message: "操作成功!",
          });
          done();
        },
        (error) => {
          window.console.log(error);
          loading();
        }
      );
    },
    rowUpdates(row, index, done, loading) {
      // console.log(42342);
      update(row).then(
        () => {
          this.onLoad(this.page);
          this.$message({
            type: "success",
            message: "操作成功!",
          });
          done();
        },
        (error) => {
          window.console.log(error);
          loading();
        }
      );
    },
    rowDel(row) {
      this.$confirm("确定将选择数据删除?", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })
        .then(() => {
          return remove(row.id);
        })
        .then(() => {
          this.onLoad(this.page);
          this.$message({
            type: "success",
            message: "操作成功!",
          });
        });
    },
    // beforeOpen(done, type) {
    //   if (["edit", "view"].includes(type)) {
    //     getDetail(this.form.id).then((res) => {
    //       this.form = res.data.data;
    //     });
    //   }
    //   done();
    // },
    searchReset() {
      this.query = {};
      this.onLoad(this.page);
    },
    searchChange(params, done) {
      this.query = params;
      this.page.currentPage = 1;
      this.onLoad(this.page, params);
      done();
    },
    selectionChange(list) {
      this.selectionList = list;
    },
    selectionClear() {
      this.selectionList = [];
      this.$refs.crud.toggleSelection();
    },
    currentChange(currentPage) {
      this.page.currentPage = currentPage;
    },
    sizeChange(pageSize) {
      this.page.pageSize = pageSize;
    },
    refreshChange() {
      this.onLoad(this.page, this.query);
    },
    onLoad(page, params = {}) {
      // this.loading = false;
      this.loading = true;
      getLisperetaskDistribution(
        page.currentPage,
        page.pageSize,
        Object.assign(params, this.query)
      ).then((res) => {
        const data = res.data.data;
        this.page.total = data.total;
        this.data = data.records;
        console.log(this.data, "getLisperetaskDistribution");
        this.loading = false;
        // this.selectionClear();
      });
    },
    // onLoad(page, params = {}) {
    //   // this.loading = false;
    //   this.loading = true;
    //   //   getListJSON().then((res) => {
    //   //   axios
    //   //     .get(
    //   //       "../../api/qualificationExamination/signQualificationExamination.json"
    //   //     )
    //   //     .then((res) => {
    //   // page.currentPage,
    //   // page.pageSize,
    //   // Object.assign(params, this.query)
    //   if (datasing) {
    //     var res = datasing;
    //     console.log(res, "signQualificationExamination");
    //     const data = res.data;
    //     // this.page.total = data.total;
    //     var d = data.records;
    //     for (var k in d) {
    //       d[k].examination_mx = "正常";
    //       d[k].examination_type = "正常";
    //       d[k]["carid"] = "370111198807051124";
    //       d[k]["certificate"] = "拥有";
    //       d[k]["reviewTime"] = "2021-02-21";
    //       d[k]["results"] = "通过";
    //       d[k]["onjob"] = "是";
    //     }
    //     this.data = d;
    //     this.loading = false;
    //   }
    //   // this.selectionClear();
    //   // });
    // },

    // 行单击
    handleRowClick(row) {
      // delete (row["name"]);
      var obj = row;
      obj["name"] = "保安公司详细资料";
      this.$router.push({
        path: `/securityCompany/index`,
        query: obj,
      });
    },
  },
};
</script>

<style>
</style>

 src/views/home/index.scss

@@ -371,7 +371,7 @@
    position: absolute;
    z-index: 99;
    color: #fff;
    background: #4162a2;
    background: #014e84;
    margin-top: 38px;
    margin-left: calc(100% - 140px);
    border-radius: 11px;
@@ -402,7 +402,7 @@
      }
    }
    &:hover {
      box-shadow: 0px 0px 10px #568df3;
      box-shadow: 0px 0px 10px #7ff3f4;
    }
  }
  .mapBtn:nth-child(2) {

 src/views/home/index.vue

@@ -25,25 +25,25 @@
      <div class="middle">
        <div class="mapimg">
          <!-- <div></div> -->
          <div class="mapBtn" @click="getTableData('car')">
          <div class="mapBtn" @click="setMapData(2)">
            <img src="../../../public/img/bajgxt/car.png" alt="" />
            <div class="text">
              <span>押运车辆</span>
              <span>700</span>
              <span>{{ carNum }}</span>
            </div>
          </div>
          <div class="mapBtn" @click="getTableData('peo')">
          <div class="mapBtn" @click="setMapData(1)">
            <img src="../../../public/img/bajgxt/peo.png" alt="" />
            <div class="text">
              <span>保安员</span>
              <span>700</span>
              <span>{{ peoNum }}</span>
            </div>
          </div>
          <div class="mapBtn" @click="getTableData('gun')">
          <div class="mapBtn" @click="setMapData(3)">
            <img src="../../../public/img/bajgxt/gun.png" alt="" />
            <div class="text">
              <span>枪支</span>
              <span>700</span>
              <span>{{ gunNum }}</span>
            </div>
          </div>
          <div id="map"></div>
@@ -55,7 +55,7 @@
          <div class="righttop"></div>
          <div class="rightbottom"></div>
          <el-table :data="tableData" stripe ref="indexTable">
            <template v-if="curTableType === 'car'">
            <template v-if="curTableType === 2">
              <el-table-column
                :key="curTableType"
                type="index"
@@ -99,7 +99,7 @@
              >
              </el-table-column>
            </template>
            <template v-if="curTableType === 'peo'">
            <template v-if="curTableType === 1">
              <el-table-column
                :key="curTableType"
                type="index"
@@ -136,10 +136,10 @@
                label="联系电话"
              >
              </el-table-column>
              <el-table-column :key="curTableType" prop="bz" label="备注">
              </el-table-column>
              <!-- <el-table-column :key="curTableType" prop="bz" label="备注">
              </el-table-column> -->
            </template>
            <template v-if="curTableType === 'gun'">
            <template v-if="curTableType === 3">
              <el-table-column
                :key="curTableType"
                type="index"
@@ -190,8 +190,8 @@
            <el-select v-model="value1">
              <el-option
                v-for="item in options1"
                :key="item.value"
                :label="item.label"
                :key="item.id"
                :label="item.title"
                :value="item.value"
              >
              </el-option>
@@ -202,14 +202,14 @@
              <img src="../../../public/img/bajgxt/u4.png" />
              <img src="../../../public/img/bajgxt/u256.png" />
              <img src="../../../public/img/bajgxt/u1.png" />
              <span>45</span>
              <span>{{ rightData.poorPerformance }}</span>
              <span>现实表现差</span>
            </div>
            <div class="card-list">
              <img src="../../../public/img/bajgxt/u4.png" />
              <img src="../../../public/img/bajgxt/u230.png" />
              <img src="../../../public/img/bajgxt/u1.png" />
              <span>76</span>
              <span>{{ rightData.qualification }}</span>
              <span>资格审查异常</span>
            </div>
          </div>
@@ -223,11 +223,15 @@
          <div class="title-pane1">
            <img src="../../../public/img/bajgxt/icon2.png" />
            <span>保安公司预警统计</span>
            <el-select v-model="value2" placeholder="请选择">
            <el-select
              v-model="value2"
              placeholder="请选择"
              @change="warningChange"
            >
              <el-option
                v-for="item in options2"
                :key="item.value"
                :label="item.label"
                :key="item.id"
                :label="item.title"
                :value="item.value"
              >
              </el-option>
@@ -238,14 +242,14 @@
              <img src="../../../public/img/bajgxt/u4.png" />
              <img src="../../../public/img/bajgxt/u235.png" />
              <img src="../../../public/img/bajgxt/u1.png" />
              <span>21</span>
              <span>{{ rightData.socialSecurity }}</span>
              <span>未缴纳社保</span>
            </div>
            <div class="card-list">
              <img src="../../../public/img/bajgxt/u4.png" />
              <img src="../../../public/img/bajgxt/u251.png" />
              <img src="../../../public/img/bajgxt/u1.png" />
              <span>26</span>
              <span>{{ rightData.noholder }}</span>
              <span>未持证</span>
            </div>
          </div>
@@ -284,7 +288,15 @@
import { Fill, Stroke, Circle, Style, Icon } from "ol/style";
import GeoJSON from "ol/format/GeoJSON";
import axios from "../../router/axios";
import { securityTotal, holderNum, securityPer } from "../../api/index/index";
import {
  securityTotal,
  holderNum,
  securityPer,
  getLiveLocationVoList,
  lazyTreeJu,
  noholderNum,
  noSocialSecurity,
} from "../../api/index/index";

import car from "@/assets/img/car.png";
import peo from "@/assets/img/people.png";
@@ -296,59 +308,28 @@
      map: null,
      curTableType: "car",
      tableData: [],
      value1: "1",
      value1: "",
      carVectorLayer: null,
      peoVectorLayer: null,
      gunVectorLayer: null,

      options1: [
        {
          value: "1",
          label: "南昌市公安局",
        },
        {
          value: "2",
          label: "东湖分局",
        },
        {
          value: "3",
          label: "西湖分局",
        },
        {
          value: "4",
          label: "青云谱分局",
        },
        {
          value: "5",
          label: "青山湖分局",
        },
      ],
      value2: "1",
      options2: [
        {
          value: "1",
          label: "南昌市公安局",
        },
        {
          value: "2",
          label: "东湖分局",
        },
        {
          value: "3",
          label: "西湖分局",
        },
        {
          value: "4",
          label: "青云谱分局",
        },
        {
          value: "5",
          label: "青山湖分局",
        },
      ],
      options1: [],
      value2: "",
      options2: [],
      rightData: {
        poorPerformance: 35,
        qualification: 22,
        socialSecurity: 0,
        noholder: 0,
      },
      carNum: 0,
      peoNum: 0,
      gunNum: 0,
      mapData:null
    };
  },
  methods: {
    // 左侧两个表的接口返回数据
    initEchart() {
      securityTotal().then((res) => {
        if (res.data.code == 200) {
@@ -387,188 +368,24 @@
      let right3Echart = echarts.init(document.getElementById("right3Echart"));
      right3Echart.setOption(optionJs.right3Data(data));
    },

    getTableData(type) {
      this.carVectorLayer.getSource().clear();
      this.peoVectorLayer.getSource().clear();
      this.gunVectorLayer.getSource().clear();
    setMapData(type) {
      this.tableData = this.mapData[type]["table"];
      this.curTableType = type;
      let curLayer = null;
      let imgUrl = null;
      let geoData = [];
      if (type === "car") {
      this.carVectorLayer.getSource().clear();
      this.peoVectorLayer.getSource().clear();
      this.gunVectorLayer.getSource().clear();
      if (type === 2) {
        curLayer = this.carVectorLayer;
        imgUrl = car;
        geoData = [
          [115.838082, 28.716823],
          [115.91627, 28.794341],
          [115.821984, 28.658519],
          [115.870277, 28.633159],
          [115.960539, 28.678295],
          [115.981811, 28.611852],
          [115.924894, 28.738615],
          [115.876745, 28.656364],
          [115.845412, 28.652814],
          [115.940992, 28.660548],
        ];
        this.tableData = [
          {
            carNum: "赣A2A232",
            location: "南昌市红谷滩区清远路与瑞金路交叉路口往北约90米",
            company: "江西省卫民保安服务有限公司",
            linkman: "李琳",
            tel: "18928374611",
          },
          {
            carNum: "赣BA6232",
            location: "顺外路1007",
            company: "南昌市公安局保安护卫公司",
            linkman: "王琦",
            tel: "13932743923",
          },
          {
            carNum: "赣A2B297",
            location: "南昌市高新区绿地玫瑰城南昌高新区101智慧大厦二楼",
            company: "江西高创保安服务技术有限公司",
            linkman: "李梦",
            tel: "13214561324",
          },
          {
            carNum: "赣B2E775",
            location: "江西省南昌市红谷滩区会展路莱蒙都会写字楼5A栋1110室",
            company: "江西海豹保安服务有限公司南昌分公司",
            linkman: "张强",
            tel: "13372889288",
          },
          {
            carNum: "赣BF9252",
            location: "南昌市西湖区广场南路恒茂国际华城西南侧约90米",
            company: "南昌县神州保安分公司长运中队",
            linkman: "赵青",
            tel: "18937281746",
          },
        ];
      } else if (type === "peo") {
      } else if (type === 1) {
        curLayer = this.peoVectorLayer;
        imgUrl = peo;
        geoData = [
          [115.8835, 28.622126],
          [115.861222, 28.61477],
          [115.861653, 28.640514],
          [115.917133, 28.611852],
          [115.923888, 28.602593],
          [115.89658, 28.59828],
          [115.863091, 28.597645],
          [115.979224, 28.666379],
          [115.958239, 28.610584],
          [115.867115, 28.631638],
        ];
        this.tableData = [
          {
            name: "张青",
            location: "江西省南昌市南昌县向阳路807号",
            company: "南昌市赣洪保安服务有限公司",
            tel: "19876223615",
            bz: "",
          },
          {
            name: "王桂林",
            location: "南昌市南昌县斗南路莲塘四小西南侧约150米",
            company: "江西天网保安公司",
            tel: "18723982376",
            bz: "",
          },
          {
            name: "王蒙",
            location: "丰和南大道2111号世茂新城A-12地块商业4-8号商业楼401室",
            company: "南昌赛夫保安服务有限公司",
            tel: "18909872345",
            bz: "",
          },
          {
            name: "李嘉",
            location: "新建大道463",
            company: "新建区公安局保安服务公司",
            tel: "13315276390",
            bz: "",
          },
          {
            name: "李林",
            location: "江西省南昌市青云谱区洪都南大道东50米凯旋国际大厦",
            company: "江西蓝盾保安服务有限公司",
            tel: "19108372654",
            bz: "",
          },
          {
            name: "张国庆",
            location: "江西省南昌市红谷滩区金融大街君成商厦1单元三楼",
            company: "华远卫士保安公司",
            tel: "13187234523",
            bz: "",
          },
        ];
      } else if (type === "gun") {
      } else if (type === 3) {
        curLayer = this.gunVectorLayer;
        imgUrl = gun;
        geoData = [
          [115.867115, 28.631638],
          [115.867115, 28.631638],
          [115.879548, 28.713338],
          [115.904844, 28.700032],
          [115.845628, 28.679373],
          [115.831973, 28.690654],
          [115.814726, 28.660611],
          [115.868912, 28.638168],
          [115.762121, 28.632589],
          [115.78483, 28.58794],
          [115.812139, 28.655159],
        ];
        this.tableData = [
          {
            number: "Q1311",
            location: "红谷滩新区唐宁街b座",
            company: "鹏盛保安服务有限公司",
            linkman: "张强",
            tel: "13782143412",
          },
          {
            number: "Q2111",
            location: "子安路89号银田大厦",
            company: "江西安泰保安服务有限公司",
            linkman: "张强",
            tel: "13999999999",
          },
          {
            number: "Q2141",
            location: "南昌市进贤县人民大道(豪景壹品)",
            company: "江西省天网保安服务有限公司进贤分公司",
            linkman: "张强",
            tel: "13999999999",
          },
          {
            number: "Q1321",
            location: "站前西路176号公交公司",
            company: "顺安保安服务有限公司",
            linkman: "张强",
            tel: "13999999999",
          },
          {
            number: "Q1111",
            location: "南昌市西湖区八一大道长运大厦东侧约60米",
            company: "江西长运股份有限公司保安大队",
            linkman: "张强",
            tel: "13999999999",
          },
          {
            number: "Q1331",
            location: "南昌市西湖区三眼井街南昌市第十八中学北侧约150米",
            company: "杭州振杰保安服务(江西分公司)",
            linkman: "张强",
            tel: "13789233124",
          },
        ];
      }

      let features = [];
      let style = new Style({
        image: new Icon({
@@ -577,7 +394,7 @@
          scale: 0.5,
        }),
      });
      geoData.forEach((item) => {
      this.mapData[type]["geoData"].forEach((item) => {
        let carFeature = new Feature({
          geometry: new Point(item),
        });
@@ -585,10 +402,60 @@
        features.push(carFeature);
      });
      curLayer.getSource().addFeatures(features);
      let extent = curLayer.getSource().getExtent();
      this.map.getView().fit(extent, this.map.getSize());
      this.$nextTick(() => {
        this.$refs.indexTable.doLayout();
      if (this.mapData[type]["geoData"].length > 1) {
        let extent = curLayer.getSource().getExtent();
        this.map.getView().fit(extent, this.map.getSize());
        this.$nextTick(() => {
          this.$refs.indexTable.doLayout();
        });
      } else {
        this.map.getView().setCenter(this.mapData[type]["geoData"][0]);
        this.map.getView().setZoom(11);
      }
    },
    // 获取表格及地图上的数据
    getTableData(type) {
      let middleData = {
        1: {
          table: [],
          geoData: [],
        },
        2: {
          table: [],
          geoData: [],
        },
        3: {
          table: [],
          geoData: [],
        },
      };
      getLiveLocationVoList({ type: type }).then((res) => {
        if (res.data.code === 200) {
          let allData = res.data.data;
          allData.forEach((m) => {
            let obj = {
              location: m.location,
              name: m.name,
              number: m.number,
              linkman: m.linkman,
              company: m.company,
              tel: m.tel,
              carNum: m.carNum,
            };
            middleData[m.type]["geoData"].push([
              Number(m.longitude),
              Number(m.latitude),
            ]);
            middleData[m.type]["table"].push(obj);
          });
          this.carNum = middleData[2]["table"].length;
          this.peoNum = middleData[1]["table"].length;
          this.gunNum = middleData[3]["table"].length;
          this.mapData = middleData
          this.setMapData(2);
        } else {
          this.$message.error(res.msg);
        }
      });
    },

@@ -617,7 +484,7 @@
        view: new View({
          projection: "EPSG:4326",
          center: [115.892151, 28.676493],
          zoom: 11,
          zoom: 10,
        }),
      });
      this.carVectorLayer = new VectorLayer({
@@ -638,7 +505,43 @@
      this.map.addLayer(this.peoVectorLayer);
      this.map.addLayer(this.gunVectorLayer);

      this.getTableData("car");
      this.getTableData(0);
    },
    // 获取辖区列表
    getOfficeData() {
      lazyTreeJu().then((res) => {
        if (res.data.code === 200) {
          this.options1 = res.data.data;
          this.options2 = res.data.data;
          this.value1 = this.options1[0].value;
          this.value2 = this.options2[0].value;
          // 获取完辖区列表之后再获取具体数据
          this.getNoholderNum();
          this.getNoSocialSecurity();
        } else {
          this.$message.error(res.msg);
        }
      });
    },
    // 未持证
    getNoholderNum() {
      noholderNum({ jurisdiction: this.value2 }).then((res) => {
        if (res.data.code === 200) {
          this.rightData.noholder = res.data.data[0].Count;
        }
      });
    },
    // 未缴纳社保
    getNoSocialSecurity() {
      noSocialSecurity({ jurisdiction: this.value2 }).then((res) => {
        if (res.data.code === 200) {
          this.rightData.socialSecurity = res.data.data[0].Count;
        }
      });
    },
    warningChange() {
      this.getNoholderNum();
      this.getNoSocialSecurity();
    },

    goSystemHome() {
@@ -650,6 +553,7 @@
    this.initEchart();
    // this.getTableData("car");
    this.initMap();
    this.getOfficeData();
  },
};
</script>

 src/views/home/indexEchart.js

@@ -19,10 +19,14 @@
      }
    },
    color: [
      "#91cc75",
      "#fac858",
      "#73c0de",
      "#3ba272",
      '#2ec7c9',
      '#b6a2de',
      '#5ab1ef',
      '#ffb980',

      // "#fac858",
      // "#73c0de",
      // "#3ba272",
      "#fc8452",
      "#9a60b4",
      "#3fb1e3",
@@ -41,6 +45,7 @@
      }
    },
    grid: {
      top:'5%',
      left: "5%",
      right: "6%",
      bottom: "10%",
@@ -70,8 +75,7 @@
        name: "自招保安单位",
        type: "bar",
        stack: "total",
        barMinWidth: 20,
        barMaxWidth: 40,
        barWidth: 20,
        emphasis: {
          focus: "series"
        },
@@ -125,8 +129,8 @@
      }
    },
    color: [
      "#91cc75",
      "#fac858",
      "#3fb1e3",
      "#0dad7b",
      "#73c0de",
      "#3ba272",
      "#fc8452",
@@ -147,6 +151,7 @@
      }
    },
    grid: {
      top:'5%',
      left: "5%",
      right: "6%",
      bottom: "15%",
@@ -177,8 +182,7 @@
        name: "持证人数",
        type: "bar",
        // barWidth:30,
        barMinWidth: 20,
        barMaxWidth: 40,
        barWidth: 20,
        stack: "total",
        emphasis: {
          focus: "series"

 src/views/management/computents/achievement.vue

@@ -33,7 +33,7 @@

        align: "center",
        height: "auto",
        calcHeight: 250,
        calcHeight: 270,
        tip: false,
        searchShow: false,
        searchShowBtn: false,

 src/views/management/computents/dispatch.vue

@@ -18,7 +18,9 @@
</template>

<script>
import { getLisperdispatch } from "@/api/register/honor";
export default {
  props: ["form"],
  data() {
    return {
      equipmentOption: {
@@ -31,10 +33,10 @@

        align: "center",
        height: "auto",
        calcHeight: 250,
        calcHeight: 270,
        searchShowBtn: false,
        tip: false,
        searchShow: false,
        // searchShow: false,
        searchMenuSpan: 3,
        index: false,
        viewBtn: true,
@@ -54,7 +56,7 @@
          {
            label: "姓名",
            prop: "name",
            search: true,
            // search: true,
            searchSpan: 3,
            rules: [
              {
@@ -64,21 +66,22 @@
              },
            ],
          },
          {
            label: "身份证号",
            prop: "cardid",
            // rules: [
            //   {
            //     required: true,
            //     message: "请输入编号",
            //     trigger: "blur",
            //   },
            // ],
            // search: true,
          }, //上面不显示
          // {
          //   label: "身份证号",
          //   prop: "cardid",
          //   // rules: [
          //   //   {
          //   //     required: true,
          //   //     message: "请输入编号",
          //   //     trigger: "blur",
          //   //   },
          //   // ],
          //   // search: true,
          // }, //上面不显示
          {
            label: "派遣单位",
            prop: "dispatcher",
            prop: "dispatcherCompany",
            search: true,
            // rules: [
            //   {
            //     required: true,
@@ -88,18 +91,18 @@
            // ],
            // search: true,
          },
          {
            label: "保安公司",
            prop: "deptName",
            // rules: [
            //   {
            //     required: true,
            //     message: "请输入规格",
            //     trigger: "blur",
            //   },
            // ],
            // search: true,
          },
          // {
          //   label: "保安公司",
          //   prop: "deptName",
          //   // rules: [
          //   //   {
          //   //     required: true,
          //   //     message: "请输入规格",
          //   //     trigger: "blur",
          //   //   },
          //   // ],
          //   // search: true,
          // },
          // {
          //   label: "派遣人",
          //   prop: "dispatcher",
@@ -120,7 +123,7 @@
            valueFormat: "yyyy-MM-dd",
            labelWidth: 120,
            searchSpan: 4,
            search: true,
            // search: true,
            overHidden: true,
            rules: [
              {
@@ -141,13 +144,13 @@
          },
          {
            label: "结束时间",
            prop: "enddispatchertime",
            prop: "endTime",
            type: "date",
            format: "yyyy-MM-dd",
            valueFormat: "yyyy-MM-dd",
            labelWidth: 120,
            searchSpan: 4,
            search: true,
            // search: true,
            overHidden: true,
            rules: [
              {
@@ -168,7 +171,7 @@
          },
          {
            label: "派遣地址",
            prop: "tenantName",
            prop: "dispatcheraddress",
            // rules: [
            //   {
            //     required: true,
@@ -212,21 +215,25 @@
  methods: {
    equipmentOnLoad(page, params = {}) {
      this.equipmentLoading = true;
      //   getequipmentList(
      //     page.currentPage,
      //     page.pageSize,
      //     Object.assign(params, this.equipmentQuery),
      //     this.form.creditcode
      //   ).then((res) => {
      //     const data = res.data.data;
      getLisperdispatch(
        page.currentPage,
        page.pageSize,
        Object.assign(params, this.equipmentQuery),
        this.form.id
      ).then((res) => {
        const data = res.data.data;

      //     this.equipmentPage.total = data.total;
      //     this.equipmentData = data.records;
      this.equipmentLoading = false;
      //     this.$refs.equipmentCrud.refreshTable();
      //     this.$refs.equipmentCrud.doLayout();
      //     this.equipmentSelectionClear();
      //   });
        this.equipmentPage.total = data.total;
        this.equipmentData = data.records;
        for (var k in this.equipmentData) {
          this.equipmentData[k]["name"] = this.form.realName;
        }
        console.log(this.equipmentData, " this.equipmentData");
        this.equipmentLoading = false;
        this.$refs.equipmentCrud.refreshTable();
        this.$refs.equipmentCrud.doLayout();
        this.equipmentSelectionClear();
      });
    },
    equipmentSelectionClear() {
      this.equipmentSelectionList = [];

 src/views/management/computents/honor.vue

@@ -34,7 +34,7 @@

        align: "center",
        height: "auto",
        calcHeight: 250,
        calcHeight: 270,
        tip: false,
        searchShow: false,
        searchMenuSpan: 4,

 src/views/management/computents/performance.vue

@@ -34,7 +34,7 @@

        align: "center",
        height: "auto",
        calcHeight: 250,
        calcHeight: 270,
        tip: false,
        searchShow: false,
        searchMenuSpan: 4,

 src/views/management/computents/train.vue

@@ -34,7 +34,7 @@

        align: "center",
        height: "auto",
        calcHeight: 250,
        calcHeight: 270,
        tip: false,
        searchShow: false,
        searchMenuSpan: 4,

 src/views/management/peopleDetails.vue

@@ -208,7 +208,7 @@
              </el-table> -->
            </el-tab-pane>
            <el-tab-pane label="派遣记录" name="third">
              <dispatch></dispatch>
              <dispatch :form="form"></dispatch>
              <!-- <el-table :data="dispatchData" style="width: 100%">
                <el-table-column prop="name" label="姓名" align="center">
                </el-table-column>

 src/views/onSiteInspection/company.vue

@@ -71,7 +71,7 @@

        column: [
          {
            label: "被检查单位名称",
            label: "检查人姓名",
            prop: "name",
            // labelWidth: 120,
            // searchLabelWidth: 120,
@@ -109,15 +109,17 @@
          //     // width: 120,
          //   },
          {
            label: "检查人姓名",
            prop: "deptName",
            label: "被检查单位名称",
            prop: "sName",
            overHidden: true,
            // display: false,
            // labelWidth: 120,
            // width: 200,
          },
          {
            label: "检查人单位",
            prop: "userId",
            prop: "deptName",
            overHidden: true,
            // // display: false,
            // width: 200,
            // labelWidth: 120,
@@ -142,7 +144,7 @@

          {
            label: "检查日期",
            prop: "examTime",
            prop: "reviewTime",
            type: "date",
            format: "yyyy-MM-dd",
            valueFormat: "yyyy-MM-dd",
@@ -158,7 +160,7 @@
          },
          {
            label: "检查内容",
            prop: "applyTime",
            prop: "insid",
            // type: "date",
            // format: "yyyy-MM-dd",
            // valueFormat: "yyyy-MM-dd",
@@ -361,8 +363,11 @@
          //   d[k]["reviewTime"] = "2021-02-21";
          d[k]["results"] = "通过";
          d[k]["certificate"] = "拥有";
          d[k]["sName"] = "安徽振升保安服务集团有限公司";
          d[k]["certificatetype"] = "保安员证";
          //   d[k]["onjob"] = "是";
          d[k]["reviewTime"] = "2021-02-21";
          d[k]["insid"] = "临检";
        }
        this.data = d;
        this.loading = false;

 src/views/onSiteInspection/securityStaff.vue

@@ -72,30 +72,30 @@
        dialogClickModal: false,

        column: [
          {
            label: "保安员姓名",
            prop: "deptName",
            overHidden: true,
            // labelWidth: 120,
            // searchLabelWidth: 120,
            // searchSpan: 5,
            // dicUrl:
            //   "/api/blade-system/dept/security_lazy-tree?parentId=1413470343230877697",
            // props: {
            //   label: "title",
            //   value: "id",
            // },
            // search: true,
            // overHidden: true,
            // type: "select",
            // rules: [
            //   {
            //     required: true,
            //     message: "请输入保安公司",
            //     trigger: "blur",
            //   },
            // ],
          },
          // {
          //   label: "保安员姓名",
          //   prop: "deptName",
          //   overHidden: true,
          //   // labelWidth: 120,
          //   // searchLabelWidth: 120,
          //   // searchSpan: 5,
          //   // dicUrl:
          //   //   "/api/blade-system/dept/security_lazy-tree?parentId=1413470343230877697",
          //   // props: {
          //   //   label: "title",
          //   //   value: "id",
          //   // },
          //   // search: true,
          //   // overHidden: true,
          //   // type: "select",
          //   // rules: [
          //   //   {
          //   //     required: true,
          //   //     message: "请输入保安公司",
          //   //     trigger: "blur",
          //   //   },
          //   // ],
          // },
          {
            label: "保安员姓名",
            prop: "realName",
@@ -121,7 +121,8 @@

          {
            label: "保安员单位",
            prop: "sexName",
            prop: "sName",
            overHidden: true,
            // type: "select",
            // labelWidth: 120,
            // // display: false,
@@ -159,7 +160,8 @@
          // },
          {
            label: "检查人单位",
            prop: "examination_type",
            overHidden: true,
            prop: "deptName",
            // overHidden: true,
            // type: "date",
            // format: "yyyy-MM-dd",
@@ -177,7 +179,7 @@

          {
            label: "检查日期",
            prop: "examination_mx",
            prop: "reviewTime",
            type: "date",
            format: "yyyy-MM-dd",
            valueFormat: "yyyy-MM-dd",
@@ -199,13 +201,14 @@
          // },
          {
            label: "检查内容",
            prop: "reviewTime",
            overHidden: true,
            prop: "insid",
            // labelWidth: 120,
            // display: false,
          },
          {
            label: "检查结果",
            prop: "onjob",
            prop: "examination_type",
            // labelWidth: 120,
            // display: false,
          },
@@ -394,6 +397,8 @@
          d[k]["reviewTime"] = "2021-02-21";
          d[k]["results"] = "通过";
          d[k]["onjob"] = "是";
          d[k]["sName"] = "安徽振升保安服务集团有限公司";
          d[k]["insid"] = "临检";
        }
        this.data = d;
        this.loading = false;

 src/views/permit/permit.vue

@@ -88,7 +88,7 @@
        labelWidth: 130,
        headerAlign: "center",
        align: "center",
        border: true,
        // border: true,
        index: true,
        viewBtn: true,
        selection: true,

 src/views/qualificationExamination/paymentInquiry.vue

New file
@@ -0,0 +1,379 @@
/*
 * @Author: Morpheus
 * @Date: 2021-07-07 17:30:05
 * @Last Modified by: Morpheus
 * @Last Modified time: 2021-07-10 16:06:14
 * menu-name 缴费查询
 */
<template>
  <basic-container>
    <avue-crud
      :option="option"
      :table-loading="loading"
      :data="data"
      :page.sync="page"
      :permission="permissionList"
      v-model="form"
      ref="crud"
      @row-update="rowUpdates"
      @row-save="rowSave"
      @row-del="rowDel"
      @search-change="searchChange"
      @search-reset="searchReset"
      @selection-change="selectionChange"
      @current-change="currentChange"
      @size-change="sizeChange"
      @refresh-change="refreshChange"
      @on-load="onLoad"
    >
    </avue-crud>
  </basic-container>
</template>

<script>
// import {
//   getList,
//   getDetail,
//   adddata,
//   update,
//   remove,
// } from "@/api/regulatoryInformation/regulatoryInformation";
import { mapGetters } from "vuex";
import { datasing } from "./dataqualificationExamination";
// import { getList } from "@/api/qualificationExamination/qualificationExamination";
import { getLispereexamPayment } from "@/api/qualificationExamination/scoreInquiry";

export default {
  data() {
    var dic1 = [
      {
        label: "公司缴费",
        value: 1,
      },
      {
        label: "个人缴费",
        value: 2,
      },
    ];
    var dic2 = [
      {
        label: "已缴费",
        value: 1,
      },
      {
        label: "未缴费",
        value: 2,
      },
      {
        label: "部分缴费",
        value: 3,
      },
    ];
    return {
      form: {},
      query: {},
      loading: true,
      page: {
        pageSize: 10,
        currentPage: 1,
        total: 0,
      },
      selectionList: [],
      option: {
        // 操作栏多余按钮去除
        delBtn: false,
        editBtn: false,
        addBtn: false,
        selection: false,
        menu: false,

        searchShowBtn: false,

        align: "center",
        height: "auto",
        calcHeight: 30,
        tip: false,
        searchShow: true,
        searchMenuSpan: 6,
        index: true,
        viewBtn: true,
        dialogClickModal: false,

        column: [
          // {
          //   label: "姓名",
          //   prop: "securityName",
          //   // slot: true,
          //   // display: false,
          // },
          {
            label: "缴费类型",
            prop: "type",
            dicData: dic1,
            searchSpan: 4,
            search: true,
            type: "select",
            // slot: true,
            // display: false,
          },
          {
            // label: "考试开始时间",
            label: "缴费时间",
            prop: "paymentTime",
            type: "date",
            format: "yyyy-MM-dd",
            valueFormat: "yyyy-MM-dd",
            labelWidth: 120,
            searchSpan: 4,
            // search: true,
            overHidden: true,
            rules: [
              {
                required: true,
                message: "请输入时间",
                trigger: "click",
              },
            ],
            // slot: true,
            // display: false,
            // formatter: function (row, value) {
            //   return (value = value + "%");
            // },
          },
          // {
          //   label: "考试结束时间",
          //   prop: "examEndTime",
          //   type: "date",
          //   format: "yyyy-MM-dd",
          //   valueFormat: "yyyy-MM-dd",
          //   labelWidth: 120,
          //   searchSpan: 4,
          //   search: true,
          //   overHidden: true,
          //   rules: [
          //     {
          //       required: true,
          //       message: "请输入时间",
          //       trigger: "click",
          //     },
          //   ],
          //   // slot: true,
          //   // display: false,
          //   // formatter: function (row, value) {
          //   //   return (value = value + "万元");
          //   // },
          // },
          // {
          //   label: "考试类型",
          //   prop: "examinationaddress",
          //   // slot: true,
          //   // display: false,
          // },
          {
            label: "缴费人",
            prop: "deptName",
            searchSpan: 4,
            search: true,
            // slot: true,
            // display: false,
          },
          {
            label: "缴费状态",
            prop: "paymentStatus",
            searchSpan: 4,
            search: true,
            dicData: dic2,
            type: "select",
            // slot: true,
            // display: false,
          },
          {
            label: "报名编号",
            prop: "applyCode",
            overHidden: true,
            // slot: true,
            // display: false,
          },
        ],
      },
      data: [
        // {
        //   deptid: "江西众泰保安公司",
        //   punishtype: 2,
        //   punishreason: "非法施工",
        //   punishresult: "没收全部非法所得财产，并罚款3W元",
        //   punishtime: "2021-01-01",
        //   punisnum: 110110110120,
        // },
      ],
    };
  },
  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),
      };
    },
    ids() {
      let ids = [];
      this.selectionList.forEach((ele) => {
        ids.push(ele.id);
      });
      return ids.join(",");
    },
  },
  methods: {
    rowSave(row, done, loading) {
      adddata(row).then(
        () => {
          this.onLoad(this.page);
          this.$message({
            type: "success",
            message: "操作成功!",
          });
          done();
        },
        (error) => {
          window.console.log(error);
          loading();
        }
      );
    },
    rowUpdates(row, index, done, loading) {
      // console.log(42342);
      update(row).then(
        () => {
          this.onLoad(this.page);
          this.$message({
            type: "success",
            message: "操作成功!",
          });
          done();
        },
        (error) => {
          window.console.log(error);
          loading();
        }
      );
    },
    rowDel(row) {
      this.$confirm("确定将选择数据删除?", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })
        .then(() => {
          return remove(row.id);
        })
        .then(() => {
          this.onLoad(this.page);
          this.$message({
            type: "success",
            message: "操作成功!",
          });
        });
    },
    // beforeOpen(done, type) {
    //   if (["edit", "view"].includes(type)) {
    //     getDetail(this.form.id).then((res) => {
    //       this.form = res.data.data;
    //     });
    //   }
    //   done();
    // },
    searchReset() {
      this.query = {};
      this.onLoad(this.page);
    },
    searchChange(params, done) {
      this.query = params;
      this.page.currentPage = 1;
      this.onLoad(this.page, params);
      done();
    },
    selectionChange(list) {
      this.selectionList = list;
    },
    selectionClear() {
      this.selectionList = [];
      this.$refs.crud.toggleSelection();
    },
    currentChange(currentPage) {
      this.page.currentPage = currentPage;
    },
    sizeChange(pageSize) {
      this.page.pageSize = pageSize;
    },
    refreshChange() {
      this.onLoad(this.page, this.query);
    },
    onLoad(page, params = {}) {
      // this.loading = false;
      this.loading = true;
      getLispereexamPayment(
        page.currentPage,
        page.pageSize,
        Object.assign(params, this.query)
      ).then((res) => {
        const data = res.data.data;
        this.page.total = data.total;
        this.data = data.records;
        console.log(this.data, "getLispereexamPayment");
        this.loading = false;
        // this.selectionClear();
      });
    },
    // onLoad(page, params = {}) {
    //   // this.loading = false;
    //   this.loading = true;
    //   //   getListJSON().then((res) => {
    //   //   axios
    //   //     .get(
    //   //       "../../api/qualificationExamination/signQualificationExamination.json"
    //   //     )
    //   //     .then((res) => {
    //   // page.currentPage,
    //   // page.pageSize,
    //   // Object.assign(params, this.query)
    //   if (datasing) {
    //     var res = datasing;
    //     console.log(res, "signQualificationExamination");
    //     const data = res.data;
    //     // this.page.total = data.total;
    //     var d = data.records;
    //     for (var k in d) {
    //       d[k].examination_mx = "正常";
    //       d[k].examination_type = "正常";
    //       d[k]["carid"] = "370111198807051124";
    //       d[k]["certificate"] = "拥有";
    //       d[k]["reviewTime"] = "2021-02-21";
    //       d[k]["results"] = "通过";
    //       d[k]["onjob"] = "是";
    //     }
    //     this.data = d;
    //     this.loading = false;
    //   }
    //   // this.selectionClear();
    //   // });
    // },

    // 行单击
    // handleRowClick(row) {
    //   // delete (row["name"]);
    //   var obj = row;
    //   obj["name"] = "保安公司详细资料";
    //   this.$router.push({
    //     path: `/securityCompany/index`,
    //     query: obj,
    //   });
    // },
  },
};
</script>

<style>
</style>

 src/views/qualificationExamination/qualificationExamination.vue

@@ -63,6 +63,8 @@
        selection: false,
        menu: false,

        searchShowBtn: false,

        align: "center",
        height: "auto",
        calcHeight: 30,

 src/views/qualificationExamination/registrationTrainingQuery.vue

New file
@@ -0,0 +1,568 @@
/*
 * @Author: Morpheus
 * @Date: 2021-07-07 17:30:05
 * @Last Modified by: Morpheus
 * @Last Modified time: 2021-07-10 16:06:14
 * menu-name 报名培训查询
 */
<template>
  <basic-container>
    <avue-crud
      :option="option"
      :table-loading="loading"
      :data="data"
      :page.sync="page"
      :permission="permissionList"
      v-model="form"
      ref="crud"
      @row-update="rowUpdates"
      @row-save="rowSave"
      @row-del="rowDel"
      @search-change="searchChange"
      @search-reset="searchReset"
      @selection-change="selectionChange"
      @current-change="currentChange"
      @size-change="sizeChange"
      @refresh-change="refreshChange"
      @on-load="onLoad"
    >
    </avue-crud>
  </basic-container>
</template>

<script>
// import {
//   getList,
//   getDetail,
//   adddata,
//   update,
//   remove,
// } from "@/api/regulatoryInformation/regulatoryInformation";
import { mapGetters } from "vuex";
import { datasing } from "./dataqualificationExamination";
// import { getList } from "@/api/qualificationExamination/qualificationExamination";
import { getLispereregistrationTrainingQuery } from "@/api/qualificationExamination/scoreInquiry";

export default {
  data() {
    var DIC = [
      {
        label: "男",
        value: 1,
      },
      {
        label: "女",
        value: 2,
      },
    ];
    var DIC1 = [
      {
        label: "未撤销",
        value: 1,
      },
      {
        label: "已撤销",
        value: 2,
      },
    ];
    return {
      form: {},
      query: {},
      loading: true,
      page: {
        pageSize: 10,
        currentPage: 1,
        total: 0,
      },
      selectionList: [],
      option: {
        // 操作栏多余按钮去除
        delBtn: false,
        editBtn: false,
        addBtn: false,
        selection: false,
        menu: false,

        searchShowBtn: false,

        align: "center",
        height: "auto",
        calcHeight: 30,
        tip: false,
        searchShow: true,
        searchMenuSpan: 6,
        index: true,
        viewBtn: true,
        dialogClickModal: false,

        column: [
          // {
          //     label: "id",
          //     prop: "id",
          //     hide: true,
          //     editDisplay: false,
          //     addDisplay: false
          // },
          // {
          //     label: "保安单位",
          //     prop: "tenantName",
          //     hide: true,
          //     editDisplay: false,
          //     addDisplay: false
          // },
          // {
          //     label: "保安id",
          //     prop: "deptId",
          //     hide: true,
          //     editDisplay: false,
          //     addDisplay: false,
          //     value: JSON.parse(window.localStorage.getItem("saber-userInfo")).content.dept_id
          // },//上面不显示
          {
            label: "姓名",
            prop: "name",
            width: 100,
            rules: [
              {
                required: true,
                message: "请输入姓名",
                trigger: "blur",
              },
            ],
            search: true,
            searchSpan: 5,
          },
          {
            label: "性别",
            prop: "sex",
            rules: [
              {
                required: true,
                message: "请输入性别",
                trigger: "blur",
              },
            ],
            width: 50,
            dicData: DIC,
            props: {
              label: "label",
              value: "value",
            },
            // width: 70,
            // search: true,
          },
          {
            label: "年龄",
            prop: "age",
            rules: [
              {
                required: true,
                message: "请输入年龄",
                trigger: "blur",
              },
            ],
            width: 50,
            // addDisplay: true,
            // editDisplay: true,
            // viewDisplay: true,
            // filter: false,
            // type: 'tree',
            // dicData: DIC1,
            // searchSpan: 5,
            // dicUrl: "/api/blade-system/dict-biz/dictionary?code=equipage",
            // props: {
            //     label: "dictValue",
            //     value: "dictKey"
            // },
            // search: true,
            // type: "select",
          },
          {
            label: "身高(cm)",
            prop: "height",
            width: 90,
            rules: [
              {
                required: true,
                message: "请输入身高",
                trigger: "blur",
              },
            ],
            // addDisplay: true,
            // editDisplay: true,
            // viewDisplay: true,
            // searchSpan: 5,
            // dicUrl: "/api/blade-system/dict-biz/dictionary?code=educationType",
            // props: {
            //     label: "dictValue",
            //     value: "dictKey"
            // },
            // search: true,
            // type: "select",
            // rules: [{
            //     required: true,
            //     message: "请选择学历",
            //     trigger: "blur"
            // }],
          },
          {
            label: "体重(kg)",
            prop: "weight",
            width: 90,
            rules: [
              {
                required: true,
                message: "请输入体重",
                trigger: "blur",
              },
            ],
            // addDisplay: true,
            // editDisplay: true,
            // viewDisplay: true,
            // searchSpan: 5,
            // dicUrl: "/api/blade-system/dict-biz/dictionary?code=experienceType",
            // props: {
            //     label: "dictValue",
            //     value: "dictKey"
            // },
            // search: true,
            // type: "select",
            // rules: [{
            //     required: true,
            //     message: "请选择工作经验",
            //     trigger: "blur"
            // }],
          },
          {
            label: "电话",
            prop: "phone",
            rules: [
              {
                required: true,
                message: "请输入电话",
                trigger: "blur",
              },
            ],
            width: 110,
            // search: true,
            // width: 110,
            // overHidden: true
          },
          {
            label: "身份证号",
            prop: "idCardNo",
            rules: [
              {
                required: true,
                message: "请输入身份证号",
                trigger: "blur",
              },
            ],
            width: 160,
            // search: true,
            // searchSpan: 4,
            // overHidden: true
          },
          {
            label: "学历证书",
            prop: "academicUrl",
            width: 110,
            rules: [
              {
                required: true,
                message: "请输入学历证书",
                trigger: "blur",
              },
            ],
            overHidden: true,
            // width: 70,
            // search: true,
            // searchSpan: 4,
          },
          {
            label: "组织机构",
            prop: "deptId",
            // width: 70,
            // search: true,
            // searchSpan: 4,
            dicUrl:
              "/api/blade-system/dept/security_lazy-tree?parentId=1413470343230877697",
            props: {
              label: "title",
              value: "id",
            },
            // search: true,
            type: "select",
            rules: [
              {
                required: true,
                message: "请输入组织机构",
                trigger: "blur",
              },
            ],
            overHidden: true,
          },
          {
            label: "培训公司名称",
            prop: "trainingUnitName",
            rules: [
              {
                required: true,
                message: "请输入培训公司名称",
                trigger: "blur",
              },
            ],
            // width: 70,
            // addDisplay: true,
            // editDisplay: true,
            // viewDisplay: true,
            searchSpan: 5,
            searchLabelWidth: 110,
            // dicUrl: "/api/blade-system/dict-biz/dictionary?code=unitsNatureType",
            // props: {
            //     label: "dictValue",
            //     value: "dictKey"
            // },
            search: true,
            overHidden: true,
            // type: "select",
            // rules: [{
            //     required: false,
            //     message: "请选择单位规模",
            //     trigger: "blur"
            // }],
          },
          {
            label: "培训时间",
            prop: "trainingTime",
            type: "date",
            format: "yyyy-MM-dd",
            valueFormat: "yyyy-MM-dd",
            rules: [
              {
                required: true,
                message: "请输入培训时间",
                trigger: "blur",
              },
            ],
            width: 100,
            // addDisplay: true,
            // editDisplay: true,
            // viewDisplay: true,
            // searchSpan: 4,
            // dicUrl: "/api/blade-system/dict-biz/dictionary?code=unitsScaleType",
            // props: {
            //     label: "dictValue",
            //     value: "dictKey"
            // },
            // // search: true,
            // type: "select",
            // rules: [{
            //     required: true,
            //     message: "请选择单位规模",
            //     trigger: "blur"
            // }],
          },
          {
            label: "撤销状态",
            prop: "cancel",
            // search: true,
            dicData: DIC1,
            props: {
              label: "label",
              value: "value",
            },
            // rules: [{
            //     required: true,
            //     message: "请选",
            //     trigger: "blur"
            // }]
            // hide: false,
            editDisplay: false,
            addDisplay: false,
            searchSpan: 5,
            width: 70,
          },
        ],
      },
      data: [
        // {
        //   deptid: "江西众泰保安公司",
        //   punishtype: 2,
        //   punishreason: "非法施工",
        //   punishresult: "没收全部非法所得财产，并罚款3W元",
        //   punishtime: "2021-01-01",
        //   punisnum: 110110110120,
        // },
      ],
    };
  },
  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),
      };
    },
    ids() {
      let ids = [];
      this.selectionList.forEach((ele) => {
        ids.push(ele.id);
      });
      return ids.join(",");
    },
  },
  methods: {
    rowSave(row, done, loading) {
      adddata(row).then(
        () => {
          this.onLoad(this.page);
          this.$message({
            type: "success",
            message: "操作成功!",
          });
          done();
        },
        (error) => {
          window.console.log(error);
          loading();
        }
      );
    },
    rowUpdates(row, index, done, loading) {
      // console.log(42342);
      update(row).then(
        () => {
          this.onLoad(this.page);
          this.$message({
            type: "success",
            message: "操作成功!",
          });
          done();
        },
        (error) => {
          window.console.log(error);
          loading();
        }
      );
    },
    rowDel(row) {
      this.$confirm("确定将选择数据删除?", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })
        .then(() => {
          return remove(row.id);
        })
        .then(() => {
          this.onLoad(this.page);
          this.$message({
            type: "success",
            message: "操作成功!",
          });
        });
    },
    // beforeOpen(done, type) {
    //   if (["edit", "view"].includes(type)) {
    //     getDetail(this.form.id).then((res) => {
    //       this.form = res.data.data;
    //     });
    //   }
    //   done();
    // },
    searchReset() {
      this.query = {};
      this.onLoad(this.page);
    },
    searchChange(params, done) {
      this.query = params;
      this.page.currentPage = 1;
      this.onLoad(this.page, params);
      done();
    },
    selectionChange(list) {
      this.selectionList = list;
    },
    selectionClear() {
      this.selectionList = [];
      this.$refs.crud.toggleSelection();
    },
    currentChange(currentPage) {
      this.page.currentPage = currentPage;
    },
    sizeChange(pageSize) {
      this.page.pageSize = pageSize;
    },
    refreshChange() {
      this.onLoad(this.page, this.query);
    },
    onLoad(page, params = {}) {
      // this.loading = false;
      this.loading = true;
      getLispereregistrationTrainingQuery(
        page.currentPage,
        page.pageSize,
        Object.assign(params, this.query)
      ).then((res) => {
        const data = res.data.data;
        this.page.total = data.total;
        this.data = data.records;
        console.log(this.data, "getLispereregistrationTrainingQuery");
        this.loading = false;
        // this.selectionClear();
      });
    },
    // onLoad(page, params = {}) {
    //   // this.loading = false;
    //   this.loading = true;
    //   //   getListJSON().then((res) => {
    //   //   axios
    //   //     .get(
    //   //       "../../api/qualificationExamination/signQualificationExamination.json"
    //   //     )
    //   //     .then((res) => {
    //   // page.currentPage,
    //   // page.pageSize,
    //   // Object.assign(params, this.query)
    //   if (datasing) {
    //     var res = datasing;
    //     console.log(res, "signQualificationExamination");
    //     const data = res.data;
    //     // this.page.total = data.total;
    //     var d = data.records;
    //     for (var k in d) {
    //       d[k].examination_mx = "正常";
    //       d[k].examination_type = "正常";
    //       d[k]["carid"] = "370111198807051124";
    //       d[k]["certificate"] = "拥有";
    //       d[k]["reviewTime"] = "2021-02-21";
    //       d[k]["results"] = "通过";
    //       d[k]["onjob"] = "是";
    //     }
    //     this.data = d;
    //     this.loading = false;
    //   }
    //   // this.selectionClear();
    //   // });
    // },

    // 行单击
    // handleRowClick(row) {
    //   // delete (row["name"]);
    //   var obj = row;
    //   obj["name"] = "保安公司详细资料";
    //   this.$router.push({
    //     path: `/securityCompany/index`,
    //     query: obj,
    //   });
    // },
  },
};
</script>

<style>
</style>

 src/views/qualificationExamination/scoreInquiry.vue

New file
@@ -0,0 +1,344 @@
/*
 * @Author: Morpheus
 * @Date: 2021-07-07 17:30:05
 * @Last Modified by: Morpheus
 * @Last Modified time: 2021-07-10 16:06:14
 * menu-name 监管信息
 */
<template>
  <basic-container>
    <avue-crud
      :option="option"
      :table-loading="loading"
      :data="data"
      :page.sync="page"
      :permission="permissionList"
      v-model="form"
      ref="crud"
      @row-update="rowUpdates"
      @row-save="rowSave"
      @row-del="rowDel"
      @search-change="searchChange"
      @search-reset="searchReset"
      @selection-change="selectionChange"
      @current-change="currentChange"
      @size-change="sizeChange"
      @refresh-change="refreshChange"
      @on-load="onLoad"
    >
    </avue-crud>
  </basic-container>
</template>

<script>
// import {
//   getList,
//   getDetail,
//   adddata,
//   update,
//   remove,
// } from "@/api/regulatoryInformation/regulatoryInformation";
import { mapGetters } from "vuex";
import { datasing } from "./dataqualificationExamination";
// import { getList } from "@/api/qualificationExamination/qualificationExamination";
import { getLisperexamScore } from "@/api/qualificationExamination/scoreInquiry";

export default {
  data() {
    return {
      form: {},
      query: {},
      loading: true,
      page: {
        pageSize: 10,
        currentPage: 1,
        total: 0,
      },
      selectionList: [],
      option: {
        // 操作栏多余按钮去除
        delBtn: false,
        editBtn: false,
        addBtn: false,
        selection: false,
        menu: false,

        searchShowBtn: false,

        align: "center",
        height: "auto",
        calcHeight: 30,
        tip: false,
        searchShow: true,
        searchMenuSpan: 6,
        index: true,
        viewBtn: true,
        dialogClickModal: false,

        column: [
          {
            label: "姓名",
            prop: "securityName",
            // slot: true,
            // display: false,
          },
          {
            label: "考试名称",
            prop: "examName",
            // slot: true,
            // display: false,
          },
          {
            // label: "考试开始时间",
            label: "考试时间",
            prop: "examTime",
            type: "date",
            format: "yyyy-MM-dd",
            valueFormat: "yyyy-MM-dd",
            labelWidth: 120,
            searchSpan: 4,
            search: true,
            overHidden: true,
            rules: [
              {
                required: true,
                message: "请输入时间",
                trigger: "click",
              },
            ],
            // slot: true,
            // display: false,
            // formatter: function (row, value) {
            //   return (value = value + "%");
            // },
          },
          // {
          //   label: "考试结束时间",
          //   prop: "examEndTime",
          //   type: "date",
          //   format: "yyyy-MM-dd",
          //   valueFormat: "yyyy-MM-dd",
          //   labelWidth: 120,
          //   searchSpan: 4,
          //   search: true,
          //   overHidden: true,
          //   rules: [
          //     {
          //       required: true,
          //       message: "请输入时间",
          //       trigger: "click",
          //     },
          //   ],
          //   // slot: true,
          //   // display: false,
          //   // formatter: function (row, value) {
          //   //   return (value = value + "万元");
          //   // },
          // },
          // {
          //   label: "考试类型",
          //   prop: "examinationaddress",
          //   // slot: true,
          //   // display: false,
          // },
          {
            label: "理论成绩",
            prop: "theoryGrade",
            // slot: true,
            // display: false,
          },
          {
            label: "实操成绩",
            prop: "learnGrade",
            // slot: true,
            // display: false,
          },
          {
            label: "总成绩",
            prop: "allGrade",
            // slot: true,
            // display: false,
          },
        ],
      },
      data: [
        // {
        //   deptid: "江西众泰保安公司",
        //   punishtype: 2,
        //   punishreason: "非法施工",
        //   punishresult: "没收全部非法所得财产，并罚款3W元",
        //   punishtime: "2021-01-01",
        //   punisnum: 110110110120,
        // },
      ],
    };
  },
  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),
      };
    },
    ids() {
      let ids = [];
      this.selectionList.forEach((ele) => {
        ids.push(ele.id);
      });
      return ids.join(",");
    },
  },
  methods: {
    rowSave(row, done, loading) {
      adddata(row).then(
        () => {
          this.onLoad(this.page);
          this.$message({
            type: "success",
            message: "操作成功!",
          });
          done();
        },
        (error) => {
          window.console.log(error);
          loading();
        }
      );
    },
    rowUpdates(row, index, done, loading) {
      // console.log(42342);
      update(row).then(
        () => {
          this.onLoad(this.page);
          this.$message({
            type: "success",
            message: "操作成功!",
          });
          done();
        },
        (error) => {
          window.console.log(error);
          loading();
        }
      );
    },
    rowDel(row) {
      this.$confirm("确定将选择数据删除?", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })
        .then(() => {
          return remove(row.id);
        })
        .then(() => {
          this.onLoad(this.page);
          this.$message({
            type: "success",
            message: "操作成功!",
          });
        });
    },
    // beforeOpen(done, type) {
    //   if (["edit", "view"].includes(type)) {
    //     getDetail(this.form.id).then((res) => {
    //       this.form = res.data.data;
    //     });
    //   }
    //   done();
    // },
    searchReset() {
      this.query = {};
      this.onLoad(this.page);
    },
    searchChange(params, done) {
      this.query = params;
      this.page.currentPage = 1;
      this.onLoad(this.page, params);
      done();
    },
    selectionChange(list) {
      this.selectionList = list;
    },
    selectionClear() {
      this.selectionList = [];
      this.$refs.crud.toggleSelection();
    },
    currentChange(currentPage) {
      this.page.currentPage = currentPage;
    },
    sizeChange(pageSize) {
      this.page.pageSize = pageSize;
    },
    refreshChange() {
      this.onLoad(this.page, this.query);
    },
    onLoad(page, params = {}) {
      // this.loading = false;
      this.loading = true;
      getLisperexamScore(
        page.currentPage,
        page.pageSize,
        Object.assign(params, this.query)
      ).then((res) => {
        const data = res.data.data;
        this.page.total = data.total;
        this.data = data.records;
        console.log(this.data);
        this.loading = false;
        // this.selectionClear();
      });
    },
    // onLoad(page, params = {}) {
    //   // this.loading = false;
    //   this.loading = true;
    //   //   getListJSON().then((res) => {
    //   //   axios
    //   //     .get(
    //   //       "../../api/qualificationExamination/signQualificationExamination.json"
    //   //     )
    //   //     .then((res) => {
    //   // page.currentPage,
    //   // page.pageSize,
    //   // Object.assign(params, this.query)
    //   if (datasing) {
    //     var res = datasing;
    //     console.log(res, "signQualificationExamination");
    //     const data = res.data;
    //     // this.page.total = data.total;
    //     var d = data.records;
    //     for (var k in d) {
    //       d[k].examination_mx = "正常";
    //       d[k].examination_type = "正常";
    //       d[k]["carid"] = "370111198807051124";
    //       d[k]["certificate"] = "拥有";
    //       d[k]["reviewTime"] = "2021-02-21";
    //       d[k]["results"] = "通过";
    //       d[k]["onjob"] = "是";
    //     }
    //     this.data = d;
    //     this.loading = false;
    //   }
    //   // this.selectionClear();
    //   // });
    // },

    // 行单击
    // handleRowClick(row) {
    //   // delete (row["name"]);
    //   var obj = row;
    //   obj["name"] = "保安公司详细资料";
    //   this.$router.push({
    //     path: `/securityCompany/index`,
    //     query: obj,
    //   });
    // },
  },
};
</script>

<style>
</style>

 src/views/qualificationExamination/signQualificationExamination.vue

@@ -113,6 +113,8 @@
            label: "保安公司",
            prop: "deptName",
            overHidden: true,
            search: true,
            searchSpan: 4,
            // display: false,
            // labelWidth: 120,
            // width: 200,

 src/views/record/record.vue

@@ -84,7 +84,7 @@
        searchMenuSpan: 6,
        labelWidth: 130,
        menuWidth: 280,
        border: true,
        // border: true,
        index: true,
        viewBtn: true,
        selection: true,

 src/views/recordk/recordk.vue

@@ -83,7 +83,7 @@
        tip: false,
        searchShow: true,
        searchMenuSpan: 6,
        border: true,
        // border: true,
        index: true,
        viewBtn: true,
        menuWidth: 280,

 src/views/revoke/revoke.vue

@@ -84,7 +84,7 @@
        tip: false,
        searchShow: true,
        searchMenuSpan: 6,
        border: true,
        // border: true,
        menuWidth: 280,
        index: true,
        viewBtn: true,

 src/views/securityCompany/companyDetails.vue

@@ -198,20 +198,19 @@
              </avue-crud>
            </el-tab-pane>
            <el-tab-pane label="装备信息" name="fourth">
              <equipment></equipment>
              <equipment :form="form"></equipment>
            </el-tab-pane>
            <el-tab-pane label="保安员信息" name="fifth">
              <staff></staff>
              <staff :form="form"></staff>
            </el-tab-pane>
            <el-tab-pane label="处罚信息" name="sixth">
              <punish :form="form"></punish>
            </el-tab-pane>
            <el-tab-pane label="服务对象" name="seventh">
              <service></service>
              <service :form="form"></service>
            </el-tab-pane>
            <el-tab-pane label="其他附件" name="eighth">
              其他附件
              <!-- <equipment></equipment> -->
              <enclosure :form="form"></enclosure>
            </el-tab-pane>
          </el-tabs>
        </div>
@@ -234,13 +233,14 @@
import staff from "./computents/staff.vue"; //保安员信息
import punish from "./computents/punish.vue"; //处罚信息
import service from "./computents/service.vue"; //服务对象
// import manage from "./computents/manage.vue"; //其他附件
import enclosure from "./computents/enclosure.vue"; //其他附件
export default {
  components: {
    equipment: equipment,
    staff: staff,
    punish: punish,
    service: service,
    enclosure: enclosure,
  },
  data() {
    return {
@@ -262,7 +262,7 @@

        align: "center",
        height: "auto",
        calcHeight: 250,
        calcHeight: 270,
        tip: false,
        searchShow: false,
        searchShowBtn: false,
@@ -341,7 +341,7 @@

        align: "center",
        height: "auto",
        calcHeight: 250,
        calcHeight: 270,
        tip: false,
        searchShow: false,
        searchMenuSpan: 4,

 src/views/securityCompany/computents/enclosure.vue

New file
@@ -0,0 +1,398 @@
<template>
  <div>
    <avue-crud
      :option="option"
      :table-loading="loading"
      :data="data"
      :page.sync="page"
      :permission="permissionList"
      :before-open="beforeOpen"
      v-model="form"
      ref="crud"
      @row-click="rowClick"
      @row-del="rowDel"
      @search-change="searchChange"
      @search-reset="searchReset"
      @selection-change="selectionChange"
      @current-change="currentChange"
      @size-change="sizeChange"
      @refresh-change="refreshChange"
      @on-load="onLoad"
    >
      <template slot="menuLeft">
        <!--        <el-button type="primary"-->
        <!--                   size="small"-->
        <!--                   plain-->
        <!--                   icon="el-icon-upload2"-->
        <!--                   @click="handleUpload">上 传-->
        <!--        </el-button>-->
        <!--        <el-button type="danger"-->
        <!--                   size="small"-->
        <!--                   icon="el-icon-delete"-->
        <!--                   plain-->
        <!--                   @click="handleDelete">删 除-->
        <!--        </el-button>-->
      </template>
      <template slot-scope="scope" slot="menu">
        <el-button
          type="text"
          icon="el-icon-download"
          size="small"
          @click="handleDownload(scope.row)"
          >下载
        </el-button>
      </template>
      <template slot-scope="{ row }" slot="attachSize">
        <el-tag>{{ `${row.attachSize} KB` }}</el-tag>
      </template>
    </avue-crud>
    <el-dialog
      title="附件管理"
      append-to-body
      :visible.sync="attachBox"
      width="555px"
    >
      <avue-form
        ref="form"
        :option="attachOption"
        v-model="attachForm"
        :upload-after="uploadAfter"
      >
      </avue-form>
    </el-dialog>
  </div>
</template>

<script>
// import { getList, getDetail, remove } from "@/api/resource/attach";
import { getListeenclosure } from "@/api/securityCompany/securityCompany";
import { mapGetters } from "vuex";
import ElImageViewer from "element-ui/packages/image/src/image-viewer";

export default {
  components: { ElImageViewer },
  props: ["form"],
  data() {
    return {
      form: {},
      query: {},
      loading: true,
      imgUrl: "",
      showViewer: false, // 显示查看器
      page: {
        pageSize: 10,
        currentPage: 1,
        total: 0,
      },
      attachBox: false,
      selectionList: [],
      option: {
        height: "auto",
        calcHeight: 270,
        tip: false,
        searchShow: true,
        searchMenuSpan: 6,
        searchShowBtn: false,
        headerAlign: "center",
        border: true,

        menuWidth: 130,
        index: true,
        viewBtn: true,
        selection: true,
        dialogClickModal: false,
        column: [
          {
            label: "附件地址",
            prop: "link",
            overHidden: true,
            rules: [
              {
                required: true,
                message: "请输入附件地址",
                trigger: "blur",
              },
            ],
          },
          {
            label: "附件域名",
            prop: "domain",
            search: true,
            overHidden: true,
            rules: [
              {
                required: true,
                message: "请输入附件域名",
                trigger: "blur",
              },
            ],
          },
          {
            label: "附件名称",
            prop: "name",
            overHidden: true,
            width: 110,
            search: true,
            rules: [
              {
                required: true,
                message: "请输入附件名称",
                trigger: "blur",
              },
            ],
          },
          {
            label: "附件原名",
            prop: "originalName",
            search: true,
            overHidden: true,
            width: 110,
            rules: [
              {
                required: true,
                message: "请输入附件原名",
                trigger: "blur",
              },
            ],
          },
          {
            label: "附件拓展名",
            prop: "extension",
            overHidden: true,
            width: 110,
            rules: [
              {
                required: true,
                message: "请输入附件拓展名",
                trigger: "blur",
              },
            ],
          },
          {
            label: "附件大小",
            prop: "attachSize",
            overHidden: true,
            width: 110,
            slot: true,
            rules: [
              {
                required: true,
                message: "请输入附件大小",
                trigger: "blur",
              },
            ],
          },
          {
            label: "所属机构",
            prop: "deptid",
            overHidden: true,
            type: "select",
            dicUrl: "/api/blade-system/dept/selectIn",
            props: {
              label: "deptname",
              value: "deptid",
            },
          },
          {
            label: "类型",
            prop: "type",
            overHidden: true,
            addDisplay: false,
            width: 80,
            type: "select",
            dicData: [
              {
                label: "许可审批",
                value: "0",
              },
              {
                label: "备案",
                value: "1",
              },
              {
                label: "撤销",
                value: "2",
              },
              {
                label: "跨区备案",
                value: "3",
              },
            ],
          },
        ],
      },
      data: [],
      attachForm: {},
      attachOption: {
        submitBtn: false,
        emptyBtn: false,
        column: [
          {
            label: "附件上传",
            prop: "attachFile",
            type: "upload",
            drag: true,
            loadText: "模板上传中，请稍等",
            span: 24,
            propsHttp: {
              res: "data",
            },
            action: "/api/blade-resource/oss/endpoint/put-file-attach?deptid=",
          },
        ],
      },
    };
  },
  created() {
    var flag = false,
      i = 0,
      ind = null;
    this.$store.state.tags.tagList.forEach((item, index) => {
      if (item.label == "附件上传") {
        if (flag == false) {
          ind = index;
          flag = true;
        }
        i++;
      }
    });
    if (i > 1) {
      this.$store.state.tags.tagList.splice(ind, 1);
    }
    var deptid = this.$route.query.deptid;
    var type = this.$route.query.type;
    this.attachOption.column[0].action += deptid + "&type=" + type;
  },
  computed: {
    ...mapGetters(["permission"]),
    permissionList() {
      return {
        addBtn: false,
        editBtn: false,
        viewBtn: false,
        delBtn: this.vaildData(this.permission.attach_delete, false),
      };
    },
    ids() {
      let ids = [];
      this.selectionList.forEach((ele) => {
        ids.push(ele.id);
      });
      return ids.join(",");
    },
  },
  methods: {
    rowClick(row) {
      var that = this;
      that.imgUrl = row.link;
      this.showViewer = true;
    },
    handleUpload() {
      this.attachBox = true;
    },
    uploadAfter(res, done, loading, column) {
      window.console.log(column);
      this.attachBox = false;
      this.refreshChange();
      done();
    },
    handleDownload(row) {
      window.open(`${row.link}`);
    },
    rowDel(row) {
      this.$confirm("确定将选择数据删除?", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })
        .then(() => {
          return remove(row.id);
        })
        .then(() => {
          this.onLoad(this.page);
          this.$message({
            type: "success",
            message: "操作成功!",
          });
        });
    },
    handleDelete() {
      if (this.selectionList.length === 0) {
        this.$message.warning("请选择至少一条数据");
        return;
      }
      this.$confirm("确定将选择数据删除?", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })
        .then(() => {
          return remove(this.ids);
        })
        .then(() => {
          this.onLoad(this.page);
          this.$message({
            type: "success",
            message: "操作成功!",
          });
          this.$refs.crud.toggleSelection();
        });
    },
    beforeOpen(done, type) {
      if (["edit", "view"].includes(type)) {
        getDetail(this.form.id).then((res) => {
          this.form = res.data.data;
        });
      }
      done();
    },
    searchReset() {
      this.query = {};
      this.onLoad(this.page);
    },
    searchChange(params, done) {
      this.query = params;
      this.page.currentPage = 1;
      this.onLoad(this.page, params);
      done();
    },
    selectionChange(list) {
      this.selectionList = list;
    },
    selectionClear() {
      this.selectionList = [];
      this.$refs.crud.toggleSelection();
    },
    currentChange(currentPage) {
      this.page.currentPage = currentPage;
    },
    sizeChange(pageSize) {
      this.page.pageSize = pageSize;
    },
    refreshChange() {
      this.onLoad(this.page, this.query);
    },
    onLoad(page, params = {}) {
      this.loading = true;
      getListeenclosure(
        page.currentPage,
        page.pageSize,
        Object.assign(params, this.query),
        this.form.departmentid
        // this.$route.query.deptid,
        // this.$route.query.type
      ).then((res) => {
        const data = res.data.data;
        this.page.total = data.total;
        this.data = data.records;
        console.log(this.data, getListeenclosure);
        this.loading = false;
        this.selectionClear();
      });
    },
  },
};
</script>

<style>
</style>

 src/views/securityCompany/computents/equipment copy 4.vue

File was deleted

 src/views/securityCompany/computents/equipment.vue

@@ -18,7 +18,9 @@
</template>

<script>
import { getListequipment } from "@/api/securityCompany/securityCompany";
export default {
  props: ["form"],
  data() {
    return {
      equipmentOption: {
@@ -32,7 +34,7 @@

        align: "center",
        height: "auto",
        calcHeight: 250,
        calcHeight: 270,
        tip: false,
        searchShow: false,
        searchMenuSpan: 4,
@@ -233,21 +235,22 @@
  methods: {
    equipmentOnLoad(page, params = {}) {
      this.equipmentLoading = true;
      //   getequipmentList(
      //     page.currentPage,
      //     page.pageSize,
      //     Object.assign(params, this.equipmentQuery),
      //     this.form.creditcode
      //   ).then((res) => {
      //     const data = res.data.data;
      getListequipment(
        page.currentPage,
        page.pageSize,
        Object.assign(params, this.equipmentQuery),
        this.form.departmentid
      ).then((res) => {
        const data = res.data.data;

      //     this.equipmentPage.total = data.total;
      //     this.equipmentData = data.records;
      this.equipmentLoading = false;
      //     this.$refs.equipmentCrud.refreshTable();
      //     this.$refs.equipmentCrud.doLayout();
      //     this.equipmentSelectionClear();
      //   });
        this.equipmentPage.total = data.total;
        this.equipmentData = data.records;
        console.log(this.equipmentData, "this.equipmentData");
        this.equipmentLoading = false;
        this.$refs.equipmentCrud.refreshTable();
        this.$refs.equipmentCrud.doLayout();
        this.equipmentSelectionClear();
      });
    },
    equipmentSelectionClear() {
      this.equipmentSelectionList = [];

 src/views/securityCompany/computents/punish.vue

@@ -34,7 +34,7 @@

        align: "center",
        height: "auto",
        calcHeight: 250,
        calcHeight: 270,
        tip: false,
        searchShow: false,
        searchMenuSpan: 4,

 src/views/securityCompany/computents/service.vue

@@ -18,7 +18,9 @@
</template>

<script>
import { getListeservice } from "@/api/securityCompany/securityCompany";
export default {
  props: ["form"],
  data() {
    return {
      serviceOption: {
@@ -32,7 +34,7 @@

        align: "center",
        height: "auto",
        calcHeight: 250,
        calcHeight: 270,
        tip: false,
        searchShow: false,
        searchMenuSpan: 4,
@@ -44,47 +46,157 @@
        menuWidth: 156,

        column: [
          // {
          //   label: "id",
          //   prop: "id",
          //   hide: true,
          //   editDisplay: false,
          //   addDisplay: false,
          // },
          {
            label: "投资人姓名",
            prop: "shareholder",
            slot: true,
            display: false,
            label: "姓名",
            prop: "name",
            // search: true,
            searchSpan: 3,
            rules: [
              {
                required: true,
                message: "请输入姓名",
                trigger: "blur",
              },
            ],
          },
          // {
          //   label: "身份证号",
          //   prop: "cardid",
          //   // rules: [
          //   //   {
          //   //     required: true,
          //   //     message: "请输入编号",
          //   //     trigger: "blur",
          //   //   },
          //   // ],
          //   // search: true,
          // }, //上面不显示
          {
            label: "派遣单位",
            prop: "dispatcherCompany",
            search: true,
            // rules: [
            //   {
            //     required: true,
            //     message: "请输入规格",
            //     trigger: "blur",
            //   },
            // ],
            // search: true,
          },
          // {
          //   label: "保安公司",
          //   prop: "deptName",
          //   // rules: [
          //   //   {
          //   //     required: true,
          //   //     message: "请输入规格",
          //   //     trigger: "blur",
          //   //   },
          //   // ],
          //   // search: true,
          // },
          // {
          //   label: "派遣人",
          //   prop: "dispatcher",
          //   // rules: [
          //   //   {
          //   //     required: true,
          //   //     message: "请输入规格",
          //   //     trigger: "blur",
          //   //   },
          //   // ],
          //   // search: true,
          // },
          {
            label: "派遣时间",
            prop: "dispatchertime",
            type: "date",
            format: "yyyy-MM-dd",
            valueFormat: "yyyy-MM-dd",
            labelWidth: 120,
            searchSpan: 4,
            // search: true,
            overHidden: true,
            rules: [
              {
                required: true,
                message: "请输入时间",
                trigger: "click",
              },
            ],
            // width: 70,
            // rules: [
            //   {
            //     required: true,
            //     message: "请输入型号",
            //     trigger: "blur",
            //   },
            // ],
            // search: true,
          },
          {
            label: "投资比例",
            prop: "shareholdingratio",
            slot: true,
            display: false,
            formatter: function (row, value) {
              return (value = value + "%");
            },
            label: "结束时间",
            prop: "endTime",
            type: "date",
            format: "yyyy-MM-dd",
            valueFormat: "yyyy-MM-dd",
            labelWidth: 120,
            searchSpan: 4,
            // search: true,
            overHidden: true,
            rules: [
              {
                required: true,
                message: "请输入时间",
                trigger: "click",
              },
            ],
            // width: 70,
            // rules: [
            //   {
            //     required: true,
            //     message: "请输入型号",
            //     trigger: "blur",
            //   },
            // ],
            // search: true,
          },
          {
            label: "出资金额",
            prop: "capital",
            slot: true,
            display: false,
            formatter: function (row, value) {
              return (value = value + "万元");
            },
          },
          {
            label: "投资时间",
            prop: "capitaltime",
            slot: true,
            display: false,
          },
          {
            label: "身份证号",
            prop: "cardid",
            slot: true,
            display: false,
          },
          {
            label: "联系电话",
            prop: "cell",
            slot: true,
            display: false,
            label: "派遣地址",
            prop: "dispatcheraddress",
            // rules: [
            //   {
            //     required: true,
            //     message: "请输入组织机构",
            //     trigger: "blur",
            //   },
            // ],
            // overHidden: true,
            // // addDisplay: true,
            // // editDisplay: true,
            // // viewDisplay: true,
            // // searchSpan: 5,
            // dicUrl:
            //   "/api/blade-system/dept/security_lazy-tree?parentId=1413470343230877697",
            // props: {
            //   label: "title",
            //   value: "id",
            // },
            // // search: true,
            // type: "select",
            // // rules: [{
            // //     required: true,
            // //     message: "请选择学历",
            // //     trigger: "blur"
            // // }],
          },
        ],
      },
@@ -103,21 +215,22 @@
  methods: {
    serviceOnLoad(page, params = {}) {
      this.serviceLoading = true;
      //   getserviceList(
      //     page.currentPage,
      //     page.pageSize,
      //     Object.assign(params, this.serviceQuery),
      //     this.form.creditcode
      //   ).then((res) => {
      //     const data = res.data.data;
      getListeservice(
        page.currentPage,
        page.pageSize,
        Object.assign(params, this.serviceQuery),
        this.form.departmentid
      ).then((res) => {
        const data = res.data.data;

      //     this.servicePage.total = data.total;
      //     this.serviceData = data.records;
      this.serviceLoading = false;
      //     this.$refs.serviceCrud.refreshTable();
      //     this.$refs.serviceCrud.doLayout();
      //     this.serviceSelectionClear();
      //   });
        this.servicePage.total = data.total;
        this.serviceData = data.records;
        console.log(this.serviceData, "this.serviceData");
        this.serviceLoading = false;
        this.$refs.serviceCrud.refreshTable();
        this.$refs.serviceCrud.doLayout();
        this.serviceSelectionClear();
      });
    },
    serviceSelectionClear() {
      this.serviceSelectionList = [];

 src/views/securityCompany/computents/staff.vue

@@ -18,7 +18,9 @@
</template>

<script>
import { getListestaff } from "@/api/securityCompany/securityCompany";
export default {
  props: ["form"],
  data() {
    return {
      staffOption: {
@@ -32,7 +34,7 @@

        align: "center",
        height: "auto",
        calcHeight: 250,
        calcHeight: 270,
        tip: false,
        searchShow: false,
        searchMenuSpan: 4,
@@ -254,21 +256,22 @@
  methods: {
    staffOnLoad(page, params = {}) {
      this.staffLoading = true;
      //   getstaffList(
      //     page.currentPage,
      //     page.pageSize,
      //     Object.assign(params, this.staffQuery),
      //     this.form.creditcode
      //   ).then((res) => {
      //     const data = res.data.data;
      getListestaff(
        page.currentPage,
        page.pageSize,
        Object.assign(params, this.staffQuery),
        this.form.departmentid
      ).then((res) => {
        const data = res.data.data;

      //     this.staffPage.total = data.total;
      //     this.staffData = data.records;
      this.staffLoading = false;
      //     this.$refs.staffCrud.refreshTable();
      //     this.$refs.staffCrud.doLayout();
      //     this.staffSelectionClear();
      //   });
        this.staffPage.total = data.total;
        this.staffData = data.records;
        console.log(this.staffData, "staffData");
        this.staffLoading = false;
        this.$refs.staffCrud.refreshTable();
        this.$refs.staffCrud.doLayout();
        this.staffSelectionClear();
      });
    },
    staffSelectionClear() {
      this.staffSelectionList = [];

 src/views/securityCompany/dispatch.vue

@@ -33,13 +33,14 @@
</template>

<script>
import {
  getList,
  getDetail,
  add,
  update,
  remove,
} from "@/api/securityCompany/dispatch";
// import {
//   getList,
//   getDetail,
//   add,
//   update,
//   remove,
// } from "@/api/securityCompany/dispatch";
import { getdata } from "@/api/dispatch/dispatch";
import { mapGetters } from "vuex";

export default {
@@ -75,21 +76,28 @@

        column: [
          {
            label: "公司名称",
            prop: "enterprisename",
            label: "派遣单位",
            prop: "name",
            search: true,
            searchSpan: 4,
            display: false,
          },
          {
            label: "法定代表人",
            prop: "representative",
            label: "联系人",
            prop: "linkman",
            display: false,
            width: 120,
          },

          {
            label: "成立日期",
            prop: "establishtime",
            label: "联系电话",
            prop: "phone",
            display: false,
            width: 200,
          },
          {
            label: "创建时间",
            prop: "createTime",
            type: "date",
            format: "yyyy-MM-dd",
            valueFormat: "yyyy-MM-dd",
@@ -103,24 +111,7 @@
            width: 180,
          },
          {
            label: "注册资金",
            prop: "registeredcapital",
            display: false,
            width: 200,
          },
          {
            label: "实缴资金",
            prop: "capital",
            display: false,
            width: 200,
          },
          {
            label: "公司类型",
            prop: "enterprises",
            display: false,
          },
          {
            label: "注册地址",
            label: "派遣地址",
            prop: "address",
            display: false,
            width: 200,
@@ -260,30 +251,30 @@
    },
    onLoad(page, params = {}) {
      this.loading = true;
      getList(
      getdata(
        page.currentPage,
        page.pageSize,
        Object.assign(params, this.query),
        4
        Object.assign(params, this.query)
      ).then((res) => {
        const data = res.data.data;
        this.page.total = data.total;
        this.data = data.records;
        console.log(this.data, "dis");
        this.loading = false;
        this.selectionClear();
      });
    },

    // 行单击
    handleRowClick(row) {
      // delete (row["name"]);
      var obj = row;
      obj["name"] = "保安公司详细资料";
      this.$router.push({
        path: `/securityCompany/index`,
        query: obj,
      });
    },
    // handleRowClick(row) {
    //   // delete (row["name"]);
    //   var obj = row;
    //   obj["name"] = "保安公司详细资料";
    //   this.$router.push({
    //     path: `/securityCompany/index`,
    //     query: obj,
    //   });
    // },
  },
};
</script>