现场检查 保安服务单位许可证查看

liuyg

2021-08-04 f56a6330323fddf5958446beb67f7dc39378d376

现场检查  保安服务单位许可证查看

 public/img/permit/服务许可背景图.png

 src/api/onSiteInspection/company.js

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

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

export const adddata = (row) => {
    return request({
        url: '/api/coinspect/save',
        method: 'post',
        data: row
    })
}

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

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

 src/api/onSiteInspection/securityStaff.js

@@ -1,38 +1,39 @@

import request from '@/router/axios';

export const getLisperexamScore = (current, size, params, userId) => {
export const getdata = (current, size, params) => {
    return request({
        url: '/api/examScore/page',
        url: '/api/seinspect/list',
        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) => {
export const adddata = (row) => {
    return request({
        url: '/api/trainingRegistration/page',
        method: 'get',
        url: '/api/seinspect/save',
        method: 'post',
        data: row
    })
}

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

export const remove = (ids) => {
    return request({
        url: '/api/seinspect/remove',
        method: 'post',
        params: {
            ...params,
            current,
            size,
            ids,
        }
    })
}

 src/api/onSiteInspection/signQualificationExamination.js

File was deleted

 src/static/img/permit/服务许可背景图.png

 src/styles/element-ui.scss

@@ -412,6 +412,11 @@
  background-color: #3457b1 !important;
}

//去除表格底部线
.el-table td,
.el-table th.is-leaf {
  border: 1px solid transparent;
}
//顶部搜索栏
.el-card.is-never-shadow.avue-crud__search {
  position: absolute;

 src/views/onSiteInspection/company.vue

@@ -3,7 +3,7 @@
 * @Date: 2021-07-07 17:30:05
 * @Last Modified by: Morpheus
 * @Last Modified time: 2021-07-10 16:06:14
 * menu-name 监管信息
 * menu-name 单位检查
 */
<template>
  <basic-container>
@@ -32,9 +32,11 @@

<script>
import {
  getList,
  getListJSON,
} from "@/api/qualificationExamination/signQualificationExamination";
  getdata,
  adddata,
  update,
  remove,
} from "@/api/onSiteInspection/company";
import { mapGetters } from "vuex";
// import { datasing } from "@api/qualificationExamination/datasignQualificationExamination";
import { datasing } from "./company";
@@ -73,44 +75,12 @@
          {
            label: "检查人姓名",
            prop: "name",
            // 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",
            //   },
            // ],
            // labelWi
          },
          //   {
          //     label: "试卷名称",
          //     prop: "examName",
          //     // type: "select",
          //     // labelWidth: 120,
          //     // // display: false,
          //     // dicData: dic,
          //     // // props: {
          //     // //   label: "label",
          //     // //   value: "value",
          //     // // },
          //     // searchSpan: 5,
          //     // search: true,
          //     // width: 120,
          //   },
          //
          {
            label: "被检查单位名称",
            prop: "sName",
            label: "被检查单位",
            prop: "sname",
            overHidden: true,
            // display: false,
            // labelWidth: 120,
@@ -118,7 +88,7 @@
          },
          {
            label: "检查人单位",
            prop: "deptName",
            prop: "deptname",
            overHidden: true,
            // // display: false,
            // width: 200,
@@ -126,25 +96,10 @@
            // overHidden: true,
          },
          //   {
          //     label: "试卷分数",
          //     prop: "paperScore",
          //     // type: "date",
          //     // format: "yyyy-MM-dd",
          //     // valueFormat: "yyyy-MM-dd",
          //     // mock: {
          //     //   type: "datetime",
          //     //   labelWidth: 120,
          //     //   format: "yyyy-MM-dd",
          //     // },
          //     // // search: true,
          //     // searchSpan: 4,
          //     // // display: false,
          //     // width: 180,
          //   },

          {
            label: "检查日期",
            prop: "reviewTime",
            prop: "reviewtime",
            type: "date",
            format: "yyyy-MM-dd",
            valueFormat: "yyyy-MM-dd",
@@ -161,30 +116,9 @@
          {
            label: "检查内容",
            prop: "insid",
            // type: "date",
            // format: "yyyy-MM-dd",
            // valueFormat: "yyyy-MM-dd",
            // mock: {
            //   type: "datetime",
            //   labelWidth: 120,
            //   format: "yyyy-MM-dd",
            // },
            // // search: true,
            // searchSpan: 4,
            // // display: false,
            // width: 180,
            // type: "date"
          },
          // {
          //   label: "证件类型",
          //   prop: "certificatetype",
          //   // labelWidth: 120,
          //   // display: false,
          // },
          //   {
          //     label: "保安员证",
          //     prop: "certificate",
          //     // labelWidth: 120,
          //     // display: false,
          //   },
          {
            label: "检查结果",
@@ -195,32 +129,6 @@
            // overHidden: true,
          },
        ],
        // group: [
        //   {
        //     label: "详细信息",
        //     prop: "baseInfo",
        //     icon: "el-icon-user-solid",
        //     column: [
        //       {
        //         label: "公司名称",
        //         prop: "enterprisename",
        //         display: false,
        //       },
        //     ],
        //   },
        //   {
        //     label: "详细信息",
        //     prop: "detailInfo",
        //     icon: "el-icon-s-order",
        //     column: [],
        //   },
        //   {
        //     label: "职责信息",
        //     prop: "dutyInfo",
        //     icon: "el-icon-s-custom",
        //     column: [],
        //   },
        // ],
      },
      data: [
        // {
@@ -338,42 +246,19 @@
      this.onLoad(this.page, this.query);
    },
    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, "company");
        const data = res.data;
        // this.page.total = data.total;
        // this.data = data.records;
        var d = data.records;
        for (var k in d) {
          //   d[k].examination_mx = "正常";
          //   d[k].examination_type = "正常";
          //   d[k]["carid"] = "370111198807051124";
          //   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;
      getdata(
        page.currentPage,
        page.pageSize,
        Object.assign(params, this.query)
      ).then((res) => {
        // console.log(res);
        const data = res.data.data;
        this.page.total = data.total;
        this.data = data.records;
        console.log(this.data);
        this.loading = false;
      }
      // this.selectionClear();
      // });
      });
    },

    // 行单击

 src/views/onSiteInspection/securityStaff.vue

@@ -3,7 +3,7 @@
 * @Date: 2021-07-07 17:30:05
 * @Last Modified by: Morpheus
 * @Last Modified time: 2021-07-10 16:06:14
 * menu-name 监管信息
 * menu-name 保安员检查
 */
<template>
  <basic-container>
@@ -32,12 +32,11 @@

<script>
import {
  getList,
  getDetail,
  getdata,
  adddata,
  update,
  remove,
} from "@/api/regulatoryInformation/regulatoryInformation";
} from "@/api/onSiteInspection/securityStaff";
import { mapGetters } from "vuex";
import { datasing } from "./securityStaffdata";

@@ -98,13 +97,13 @@
          // },
          {
            label: "保安员姓名",
            prop: "realName",
            prop: "realname",
            //     hide: true,
            //     editDisplay: false,
            //     addDisplay: false
          },
          {
            label: "保安员身份证号",
            label: "身份证号",
            prop: "carid",
            // type: "select",
            // labelWidth: 120,
@@ -121,7 +120,7 @@

          {
            label: "保安员单位",
            prop: "sName",
            prop: "sname",
            overHidden: true,
            // type: "select",
            // labelWidth: 120,
@@ -144,7 +143,7 @@
          // },
          {
            label: "检查人姓名",
            prop: "phone",
            prop: "inspectman",
            // display: false,
            // labelWidth: 120,
            // width: 200,
@@ -161,7 +160,7 @@
          {
            label: "检查人单位",
            overHidden: true,
            prop: "deptName",
            prop: "deptname",
            // overHidden: true,
            // type: "date",
            // format: "yyyy-MM-dd",
@@ -179,7 +178,7 @@

          {
            label: "检查日期",
            prop: "reviewTime",
            prop: "reviewtime",
            type: "date",
            format: "yyyy-MM-dd",
            valueFormat: "yyyy-MM-dd",
@@ -208,7 +207,7 @@
          },
          {
            label: "检查结果",
            prop: "examination_type",
            prop: "examinationType",
            // labelWidth: 120,
            // display: false,
          },
@@ -371,40 +370,19 @@
    //   });
    // },
    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)
      // console.log(datasing);
      if (datasing) {
        var res = datasing;
        console.log(res, "securityStaff");
        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"] = "是";
          d[k]["sName"] = "安徽振升保安服务集团有限公司";
          d[k]["insid"] = "临检";
        }
        this.data = d;
      getdata(
        page.currentPage,
        page.pageSize,
        Object.assign(params, this.query)
      ).then((res) => {
        // console.log(res);
        const data = res.data.data;
        this.page.total = data.total;
        this.data = data.records;
        console.log(this.data);
        this.loading = false;
      }
      // this.selectionClear();
      // });
      });
    },

    // 行单击

 src/views/permit/permit.vue

@@ -46,7 +46,15 @@
          :size="size"
          :type="type"
          @click.stop="rowDel(row)"
          v-if="row.type == '2'"
          >许可审批
        </el-button>
        <el-button
          icon="el-icon-edit"
          :size="size"
          :type="type"
          @click.stop="viewLicense(row)"
          >查看许可证
        </el-button>
      </template>
      <template class="tdtype" slot-scope="{ row }" slot="type">
@@ -58,6 +66,51 @@
        </el-tag>
      </template>
    </avue-crud>
    <el-dialog
      :visible.sync="dialogVisible"
      :before-close="handleClose"
      :modal-append-to-body="false"
      width="1005px"
      top="10vh"
    >
      <div class="licence" id="licence" v-if="dialogVisible">
        <div class="licence-head">保安服务许可证</div>
        <div class="head-tid">
          洪公保服务
          <span class="fontStyle">{{ licenceData.row.organizationcode }}</span>
          号
        </div>
        <!-- <div class="onceMain">
          名称：
          <div class="fontStyle">{{ licenceData.enterprisename }}</div>
        </div> -->
        <div class="licence-main">
          <div
            class="l-m-once"
            v-for="(item, index, key) in licenceData.chiden"
            :key="key"
          >
            <span class="l-m-o-title"> {{ index }}: </span>
            <span class="l-m-r-once">{{ item }}</span>
          </div>
        </div>
        <div class="licence-bottom">发证机关（印章）</div>
        <div class="l-bottom">
          发证日期
          <span class="l-b-t">{{ licenceData.row.permitime.slice(0, 4) }}</span
          >年
          <span class="l-b-t">{{ licenceData.row.permitime.slice(5, 7) }}</span>
          月
          <span class="l-b-t">{{
            licenceData.row.permitime.slice(8, 10)
          }}</span>
          日
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button type="primary" @click="Print">打 印</el-button>
      </span>
    </el-dialog>
  </basic-container>
</template>

@@ -68,6 +121,12 @@
export default {
  data() {
    return {
      dialogVisible: false, //许可证抽屉
      licenceData: {
        row: {},
        chiden: {},
      },

      form: {},
      query: {},
      loading: true,
@@ -85,11 +144,11 @@
        searchShowBtn: false,
        searchShow: true,
        searchMenuSpan: 8,
        menuWidth: 280,
        menuWidth: 320,
        labelWidth: 130,
        headerAlign: "center",
        align: "center",
        // border: true,
        // border: false,
        index: true,
        viewBtn: true,
        selection: true,
@@ -350,6 +409,23 @@
  //     console.log(this.userInfo.dept_id);
  // },
  methods: {
    Print() {
      //打印
      var body = document.body.innerHTML;

      var headstr = "<html><head><title></title></head><body>";
      var footstr = "</body>";
      //执行隐藏打印区域不需要打印的内容

      //此处id换为你自己的id
      var printData = document.getElementById("licence").innerHTML; //获得 div 里的所有 html 数据
      document.body.innerHTML = headstr + printData + footstr;

      window.print();
      //打印结束后，放开隐藏内容

      document.body.innerHTML = body;
    },
    handleCredentials(row) {
      this.$router.push({
        path: "/attach/index",
@@ -394,8 +470,8 @@
    },
    rowDel(row) {
      this.$confirm("确定对选择的许可进行审批?", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        confirmButtonText: "通过",
        cancelButtonText: "不通过",
        type: "warning",
      })
        .then(() => {
@@ -408,7 +484,30 @@
            type: "success",
            message: "操作成功!",
          });
        })
        .catch(() => {
          row.type = "1";
          update(row);
          this.onLoad(this.page);
          this.$message({
            type: "warning",
            message: "操作成功!",
          });
        });
    },
    viewLicense(row) {
      //查看许可证
      this.licenceData.row = row;
      this.licenceData.chiden = {};
      this.licenceData.chiden["名称"] = row.enterprisename;
      this.licenceData.chiden["住所"] = row.address;
      this.licenceData.chiden["法定代表人"] = row.representative;
      this.licenceData.chiden["服务范围"] = row.industry;
      this.licenceData.chiden["注册资本"] = row.registeredcapital;
      this.licenceData.chiden["批准文号"] = row.registrationnumber;

      console.log(this.licenceData);
      this.dialogVisible = true;
    },
    handleDelete() {
      if (this.selectionList.length === 0) {
@@ -550,4 +649,55 @@

  /*padding-right: 40px !important;*/
}
.licence {
  width: 960px;
  height: 648px;
  background-color: #fff !important;
  background-image: url("../../static/img/permit/服务许可背景图.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  box-sizing: border-box;
  padding: 10%;
  color: #000;
}
.licence-head {
  width: 100%;
  height: 1.8rem;
  font-size: 1.8rem;
  text-align: center;
}
.head-tid {
  position: relative;
  left: 70%;
}
.head-tid span {
  margin: 0 1rem;
}
.licence-main {
  width: 80%;
}
.l-m-once {
  width: 100%;
  height: 2rem;
  margin-top: 1rem;
}
.l-m-o-title {
  font-size: 1.3rem;
  width: 19%;
  text-align: justify;
  display: inline-block;
}
.l-m-r-once {
  font-size: 1.1rem;
  /* border: 1px solid #000; */
  display: inline-block;
  width: 80%;
}
.licence-bottom,
.l-bottom {
  position: relative;
  left: 60%;
  font-size: 1.5rem;
  margin-top: 0.5rem;
}
</style>