多组件合并唯一 添加全局数据 方便维护

liuyg

2021-08-25 22f558363f391cf0d3447a68ebd82e8f67b14da7

多组件合并唯一     添加全局数据   方便维护

 src/api/permit/permit.js

@@ -84,7 +84,7 @@
}


export const selectIn = (cardid,ptype) => {
export const selectIn = (cardid, ptype) => {
  return request({
    url: '/api/permit/selectIn',
    method: 'post',

 src/api/recordOur/outCardPopup.js

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


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

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


export const selectIn = (name, cardid, ptype) => {
    return request({
        url: '/api/' + name,
        method: 'post',
        params: {
            cardid,
            ptype
        }
    })
}

 src/api/recordOur/securityTraining.js

File was deleted

 src/components/cardPopup/cardPopup.vue

File was renamed from src/components/cancellationOfFiling/cancellationOfFiling.vue
@@ -1,39 +1,19 @@
<template>
  <div v-if="useWhere == 4" class="securityPermit">
  <div v-if="see && useWhere != 'close'" class="securityPermit">
    <slot name="close"></slot>
    <div class="heards">自招保安单位备案撤销</div>
    <div class="heards">{{ name }}</div>
    <basic-container>
      <div v-show="forms == 1" class="first-box-outer">
        <div class="handling-guideline">
          <h2 class="hand-title">自招保安单位备案撤销办理指南</h2>
          <div class="hand-content">
            <p><label>审批依据：</label></p>
            <p>
              1、《保安服务管理条例》（中华人民共和国国务院令第564号）；<br />
            </p>
            <p>
              <label>申请条件：</label
              >自行招用保安员的单位不再招用保安员进行保安服务的，应当自停止保安服务之日起30日内到备案的公安机关撤销备案。
            </p>
            <p><label>申请材料：</label></p>
            <p>
              1、《自行招用保安员单位撤销备案申请》（扫描或拍照上传）<br />
              2、单位法人资格证明（扫描或拍照上传）<br />
              3、法定代表人有效身份证（双面扫描或拍照上传）<br />
            </p>
            <p><label>责任事项：</label></p>
            <p>
              1、受理阶段责任：在政务服务办事平台上公示依法应当提交的材料进行受理；材料不齐全或不符合法定形式的，一次性告知需要补正的内容。不符合申报条件，说明不予受理的理由<br />
              2、审核阶段责任：对服务对象提交材料的规范性进行审核；提出审核意见<br />
              3、决定阶段责任：作出决定。<br />
            </p>

            <p><label>法定周期：</label>区、市20个工作日</p>
            <p><label>承诺时限：</label>区、市20个工作日</p>

            <p><label>受理部门：</label>市级公安机关</p>

            <p><label>审批机关：：</label>区级公安机关</p>
          <h2 class="hand-title">{{ name }}办理指南</h2>
          <div
            class="hand-content"
            ref="handcontent"
            id="handcontent"
            v-html="htmls"
          >
            <!-- ### -->
            {{ htmls }}
          </div>
        </div>
        <div class="hand-next">
@@ -70,26 +50,28 @@

<script>
import { mapGetters } from "vuex";
import { add, adds, selectIn } from "@/api/recordOur/cancellationOfFiling";
import { column } from "./data.js";
import { add, adds, selectIn } from "@/api/recordOur/outCardPopup";
import attach from "@/components/attach/attach";
export default {
  components: {
    attach: attach,
  },
  props: ["type"],
  props: ["data"],
  data() {
    return {
      htmls: "",
      see: false,
      name: "",
      type: "",
      apiName: [],
      forms: 1,
      data0: {},
      obj0: {
        // title0: "保安服务公司许可证审批",
      },
      obj0: {},
      option: {
        emptyBtn: false,
        submitBtn: false,
        gutter: 50,
        column: column,
        column: [],
      },
      activeNames: ["1", "2"],
    };
@@ -99,15 +81,27 @@
  },
  watch: {
    useWhere() {
      if (this.useWhere == 4) {
        this.convert();
      for (var k in this.data) {
        if (this.useWhere == this.data[k].type) {
          this.see = true;
          this.type = this.data[k].type;
          this.htmls = this.data[k].datas.htmls;
          this.option.column = this.data[k].datas.column;
          this.apiName = this.data[k].datas.apiName;
          this.name = this.data[k].menuName;
          console.log("已选择type:" + this.useWhere + "--" + this.name);
          this.convert();
        }
      }
      if (this.useWhere == "close") {
        this.tipover();
      }
    },
  },
  methods: {
    convert: function () {
      var caridid = this.$store.getters.userInfo.Id;
      selectIn(caridid).then((res) => {
      selectIn(this.apiName[2], caridid).then((res) => {
        var d = res.data.data;
        for (var k in d) {
          this.obj0[k.toLowerCase()] = d[k];
@@ -138,7 +132,7 @@
      this.data0 = d;
      this.data0.cardid = this.$store.getters.userInfo.Id;
      this.data0.ptype = this.type;
      adds(this.data0).then(() => {
      adds(this.apiName[1], this.data0).then(() => {
        this.qx();
        this.$message({
          message: "暂存申请成功",
@@ -159,7 +153,7 @@
      this.data0 = d;
      this.data0.ptype = this.type;
      this.data0.cardid = this.$store.getters.userInfo.Id;
      add(this.data0).then(() => {
      add(this.apiName[0], this.data0).then(() => {
        this.qx();
        this.$message({
          message: "提交申请成功",

 src/components/crossRegion/crossRegion.vue

File was deleted

 src/components/crossRegion/data.js

File was deleted

 src/components/securityGuard/data.js

File was deleted

 src/components/securityGuard/securityGuard.vue

File was deleted

 src/components/securityPermit/data.js

File was deleted

 src/components/securityPermit/securityPermit.vue

File was deleted

 src/components/securityTraining/data.js

File was deleted

 src/components/securityTraining/securityTraining.vue

File was deleted

 src/views/home/column.js

File was renamed from src/components/cancellationOfFiling/data.js
@@ -1,4 +1,4 @@
export var column = [
var column = [
    {
        label: "",
        labelWidth: 20,
@@ -25,8 +25,6 @@
    {
        label: "辖区",
        prop: "jurisdiction",
        // type: "tree",
        // disabled: true,
        type: "tree",
        dicUrl: "/api/jurisdiction/lazy-trees",
        props: {
@@ -153,7 +151,7 @@
        span: 12,
        type: "date",
        format: "yyyy-MM-dd",
        valueFormat: "yyyy-MM-dd",
        valueFormat: "timestamp",
    },
    {
        label: "注册资本(万元人民币)",
@@ -168,17 +166,6 @@
            },
        ],
    },
    // {
    //   label: "实缴资本(万元人民币)",
    //   prop: "capital",
    //   labelWidth: 160,
    //   span: 12,
    //   rules: [{
    //     required: true,
    //     message: "请输入实缴资本",
    //     trigger: "blur"
    //   }]
    // },
    {
        label: "组织机构代码",
        prop: "organizationcode",
@@ -206,17 +193,6 @@
            },
        ],
    },
    // {
    //   label: "纳税人识别号",
    //   prop: "identificationnumber",
    //   labelWidth: 160,
    //   span: 12,
    //   rules: [{
    //     required: true,
    //     message: "请输入纳税人识别号",
    //     trigger: "blur"
    //   }]
    // },
    {
        label: "注册地址",
        prop: "address",
@@ -268,7 +244,6 @@
                trigger: "blur",
            },
        ],
        // overHidden: true,
    },
    {
        label: "所属行业",
@@ -282,7 +257,42 @@
                trigger: "blur",
            },
        ],
    }, {
    },
]


var columnU = [];
for (var k in column) {
    if (column[k].prop == 'perid' ||
        column[k].prop == 'offices' ||
        column[k].prop == 'officetime') {
        continue;
    }
    columnU.push(column[k]);
}

export var securityPermitcolumn = [//保安服务许可申请
    ...columnU
]


export var securityTrainingcolumn = [//保安培训许可申请
    ...columnU
]


export var branchOfficecolumn = [//设立分公司备案
    ...column
]


export var securityGuardcolumn = [//自招保安单位备案
    ...column
]


export var cancellationOfFilingcolumn = [//自招保安单位备案撤销
    ...column, {
        label: "撤销原因",
        prop: "reason",
        labelWidth: 160,
@@ -296,17 +306,9 @@
            },
        ],
    },
    // {
    //     label: "拖拽上传",
    //     prop: "imgUrl5",
    //     type: "upload",
    //     span: 12,
    //     drag: true,
    //     propsHttp: {
    //         res: "data",
    //     },
    //     tip: "只能上传jpg/png文件，且不超过500kb",
    //     action:
    //         "/api/blade-resource/oss/endpoint/put-file-attach?deptid=&type=0",
    // },
]
]


export var crossRegioncolumn = [//跨区域经营备案
    ...column
]

 src/views/home/htmls.js

New file
@@ -0,0 +1,251 @@
export var crossRegion =  // 跨区域经营备案
  `<p><label>审批依据：</label></p>
<p>1、《保安服务管理条例》(国务院令第564号)；<br /></p>
<p>
  <label>申请条件：</label
  >自然人、法人和其他组织。自然人需要有完全民事行为能力，年满18周岁且不具有精神疾病。
</p>
<p>
  <label>受理条件：</label>
  【予以批准的条件】 1、是依法设立的保安服务公司
  2、有公安机关核发的《保安服务许可证》和工商部门的《工商营业执照》<br />
  【不予批准的条件】
  申请人不符合以上条件，或者不能提供足以证明符合条件的相关证明材料<br />
</p>
<p><label>申请材料：</label></p>
<p>
  1、保安服务公司跨省级行政区域经营服务登记备案表<br />
  2、保安服务许可证<br />
  3、工商营业执照<br />
  4、保安服务公司法定代表人身份证<br />
  5、跨区域经营项目负责人身份证<br />
  6、跨区域经营项目负责人基本情况表<br />
  7、派驻保安员身份证<br />
  8、派驻保安员的保安员证<br />
  9、跨区域经营服务的保安服务合同<br />
  10、保安公司安全管理制度<br />
</p>

<p>
  <label>申请材料形式标准：</label>
</p>
<p>
  1、申请人提交的申请材料齐全且符合法定形式<br />
  2、申请表用黑色签字笔或钢笔书写，并保证表格内容真实无误<br />
</p>

<p><label>法定周期：</label>区、市30个工作日</p>
<p><label>承诺时限：</label>区、市14个工作日</p>

<p><label>受理部门：</label>市级公安机关</p>

<p><label>审批机关：：</label>区级公安机关</p>`

export var securityTraining = //保安培训公司备案
  `<p><label>审批依据：</label></p>
<p>
  1、《保安培训机构管理办法》(公安部令第85号)；<br />

  2、《公安机关是是保安服务管理条例办法》(公安部第112号令)；<br />

  3、《公安机关是是保安服务管理条例办法》(公安部第112号令)；<br />
  3、《保安服务管理条例》(国务院令第564号)第三十二条；<br />
  3、《保安服务管理条例》(国务院令第564号)第三十三条；<br />
</p>
<p>
  <label>申请条件：</label
  >自然人、法人和其他组织。自然人需要有完全民事行为能力，年满18周岁且不具有精神疾病。
</p>
<p>
  <label>受理条件：</label>
  【予以批准的条件】1、是依法设立的保安服务公司或者依法设立的具有法人资格的学校、职业培训机构；2、保安培训师资力量，其中保安专业师资人员应当具有大学本科以上学历或者1
  0年以上治安保卫管理工作经历；3、有保安培训所需的场所、设施教学条件。4、申请人、投资人、法定代表人、管理人员及师资人员没有故意犯罪记录和精神病史；5、主要负责人应当具有政法机关、军队或者教育培训的工作经历。<br />
  【不予以批准的条件】
  申请人不符合以上条件，或者不能提供足以证明符合条件的相关证明材料。<br />
</p>
<p><label>申请材料：</label></p>
<p>
  1、《保安培训单位申请设立审批表》。<br />
  2、设立申请书，应当载明申请人基本情况、拟设立培训单位名称、培训目标、培训规模、培训内容、培训条件和内部管理制度等。<br />
  3、保安培训单位法人资格材料<br />

  4、申请人、法定代表人和校长（院长）等主要管理人员身份证<br />
  5、师资人员的学历证书（其中保安专业师资人员应当具有大学本科以上学历），教师花名册（含工作单位、住址、职称、专兼职、拟任课程），与教师签订的聘用合同<br />
  6、申请人、法定代表人和校长（院长）等主要管理人员基本情况登记表<br />
  7、培训场所所有权证明，租赁培训场所的，
  提交场所所有权和租赁合同，训练场地、图书室、阅览室、教学设施和实习仪器设备的材料；<br />
  8、内部管理制度（含教学计划、选用教材及教学、
  师资、学员、卫生、安全管理制度）<br />
  9、委托代理人申办的，须附具委托书和代理人身份证复印件<br />
</p>

<p><label>法定周期：</label>区、市30个工作日</p>
<p><label>承诺时限：</label>区、市20个工作日</p>

<p><label>受理部门：</label>市级公安机关</p>

<p><label>审批机关：：</label>区级公安机关</p>`

export var securityPermit = //保安服务公司许可申请
  `<p><label>审批依据：</label></p>
<p>
  1、《保安服务管理条例》(中华人民共和国国务院令第564号)；<br />

  2、《公安机关实施保安服务管理条例办法》(中华人民共和国公安部令
  第 112 号)；<br />

  3、关于印发《宁夏回族自治区保安服务公司许可备案实施细则（试行）》和《宁夏回族自治区保安培训机构管理办法实施细则（试行）》的通知（宁公通〔2017〕61号）；<br />
</p>
<p>
  <label>申请条件：</label
  >自然人、法人和其他组织。自然人需要有完全民事行为能力，年满18周岁且不具有精神疾病。
</p>
<p><label>申请材料：</label></p>
<p>
  1、《申请设立保安服务公司行政许可审批表》。<br />
  2、设立保安服务公司申请书<br />
  3、设立保安服务公司可行性分析报告<br />

  4、保安服务从业单位法定代表人（主要负责人）登记表<br />
  5、保安服务公司章程<br />
  6、注册资本认缴金额证明。<br />
  7、拟任的法定代表人、主要管理人员应提供下列材料：<br />
  ①有效身份证件；②保安师资格证书原件及复印件；③个人简历及5年以上军队、公安、安全、审判、检察、司法行政或者治保安卫、保安经营管理工作经验证明。<br />
  8、专业技术人员名单，法律、行政法规有资格要求的资格证明。<br />
  9、拟设保安服务公司住所的所有权或使用权有效证明文件和提供保安服务所需的有关设备、交通工具等材料并附彩色照片。<br />
  10、组织机构和保安服务管理制度、岗位责任制度、保安员管理制度材料。<br />
  11、工商行政管理部门核发的企业名称预先核准通知书。<br />
</p>

<p>
  <label
    >申请设立中外合资、中外合作或者外资独资保安服务公司除以上1-11项内容外还需另外提供以下材料：</label
  >
</p>

<p>
  1、中外合资、中外合作合同原件及复印件。<br />

  2、外方的资信证明和注册登记文件原件及复印件。<br />

  3、境外法定代表人、主要管理人员所属国家或者地区无被刑事处罚记录证明（原居住地警察机构出具并经公证机关公证）。<br />

  4、境外法定代表人、主要管理人员5年以上保安经营管理工作经验证明。<br />
</p>

<p><label>法定周期：</label>区、市20个工作日</p>
<p><label>承诺时限：</label>区、市20个工作日</p>

<p><label>受理部门：</label>市级公安机关</p>

<p><label>审批机关：：</label>区级公安机关</p>`

export var securityGuard = //自招保安单位备案
  `<p><label>审批依据：</label></p>
<p>
  1、《保安服务管理条例》(国务院令第564号)；<br />
  2、《公安机关实施保安服务管理条例办法》(公安部第112号令)；<br />
</p>
<p>
  <label>申请条件：</label
  >自然人、法人和其他组织。自然人需要有完全民事行为能力，年满18周岁且不具有精神疾病。
</p>
<p>
  <label>受理条件：</label>
  【予以批准的条件】 1、应当具有法人资格；
  2、有符合本条例规定条件的保安员；
  3、有健全的保安服务管理制度、岗位责任制度和保安员管理制度。<br />
  【不予批准的条件】
  申请人不符合以上条件，或者不能提供足以证明符合条件的相关证明材料<br />
</p>
<p><label>申请材料：</label></p>
<p>
  1、自行招用保安员单位登记备案表<br />
  2、企业法人营业执照<br />
  3、法定代表人身份证<br />
  4、保安服务分管负责人身份证<br />
  5、自行招用保安员身份证<br />
  6、自行招用保安员的保安员证<br />
  7、保安服务管理制度、岗位责任制度、保安员管理制度材料<br />
  8、自行招用保安员的在岗培训法律、保安专业知识和技能情况<br />
</p>
<p><label>法定周期：</label>区、市30个工作日</p>
<p><label>承诺时限：</label>区、市14个工作日</p>

<p><label>受理部门：</label>市级公安机关</p>

<p><label>审批机关：：</label>区级公安机关</p>`

export var cancellationOfFiling = //自招保安单位备案撤销
  `<p><label>审批依据：</label></p>
<p>
  1、《保安服务管理条例》(国务院令第564号)；<br />
  2、《公安机关实施保安服务管理条例办法》(公安部第112号令)；<br />
</p>
<p>
  <label>申请条件：</label
  >自然人、法人和其他组织。自然人需要有完全民事行为能力，年满18周岁且不具有精神疾病。
</p>
<p>
  <label>受理条件：</label>
  【予以批准的条件】 1、应当具有法人资格；
  2、有符合本条例规定条件的保安员；
  3、有健全的保安服务管理制度、岗位责任制度和保安员管理制度。<br />
  【不予批准的条件】
  申请人不符合以上条件，或者不能提供足以证明符合条件的相关证明材料<br />
</p>
<p><label>申请材料：</label></p>
<p>
  1、自行招用保安员单位登记备案表<br />
  2、企业法人营业执照<br />
  3、法定代表人身份证<br />
  4、保安服务分管负责人身份证<br />
  5、自行招用保安员身份证<br />
  6、自行招用保安员的保安员证<br />
  7、保安服务管理制度、岗位责任制度、保安员管理制度材料<br />
  8、自行招用保安员的在岗培训法律、保安专业知识和技能情况<br />
</p>
<p><label>法定周期：</label>区、市30个工作日</p>
<p><label>承诺时限：</label>区、市14个工作日</p>

<p><label>受理部门：</label>市级公安机关</p>

<p><label>审批机关：：</label>区级公安机关</p>`

export var branchOffice = //设立分公司备案
  `<p><label>审批依据：</label></p>
<p>
  1、《保安服务管理条例》(国务院令第564号)；<br />
  2、《公安机关实施保安服务管理条例办法》(公安部第112号令)；<br />
</p>
<p>
  <label>申请条件：</label
  >自然人、法人和其他组织。自然人需要有完全民事行为能力，年满18周岁且不具有精神疾病。
</p>
<p>
  <label>受理条件：</label>
  【予以批准的条件】 1、是依法设立的保安服务公司 
  2、有公安机关核发的《保安服务许可证》和工商部门的《工商营业执照》
  3、应当提供总公司的保安服务许可证和工商营业执照，总公司法定代表人、分公司负责人和保安员的基本情况。<br />
  【不予批准的条件】 申请人不符合以上条件，或者不能提供足以证明符合条件的相关证明材料<br />
</p>
<p><label>申请材料：</label></p>
<p>
  1、保安服务公司设立分公司登记备案表<br />
  2、保安服务许可证<br />
  3、工商营业执照<br />
  4、保安服务公司法定代表人身份证<br />
  5、分公司负责人身份证<br />
  6、分公司负责人及主要管理人员基本情况表<br />
  7、分公司负责人保安师资格证书<br />
  8、办公场地不动产权证书或租赁证明<br />
  9、提供保安服务所需的有关设备、交通工具等材料<br />
  10、公司章程中设立分公司事项相关规定或股东会、董事会设立分公司决议<br />
  11、保安服务管理制度、岗位责任制度、保安员管理制度材料<br />
</p>
<p><label>法定周期：</label>区、市30个工作日</p>
<p><label>承诺时限：</label>区、市14个工作日</p>

<p><label>受理部门：</label>市级公安机关</p>

<p><label>审批机关：：</label>区级公安机关</p>`

 src/views/home/index.vue

@@ -24,7 +24,7 @@
          v-for="(item, index) in dataCard"
          :key="index"
          :data="item"
          :ind="index"
          :ind="item.type"
          @open="openMain"
          v-show="showCard"
        ></examineCard>
@@ -40,49 +40,21 @@
        ></i>
      </span>
    </Approval>
    <!-- 保安服务公司许可申请 -->
    <securityPermit class="securityPermit" :type="dataCard[0].type">
    <cardPopup class="crossRegion" :data="dataCard">
      <span slot="close">
        <i class="el-icon-close ApprovalClose" @click="openClose"> </i>
      </span>
    </securityPermit>
    <!-- 跨区域经营备案 -->
    <crossRegion class="crossRegion" :type="dataCard[1].type">
      <span slot="close">
        <i class="el-icon-close ApprovalClose" @click="openClose"> </i>
      </span>
    </crossRegion>
    <!-- 自招保安单位备案 -->
    <securityGuard class="securityGuard" :type="dataCard[2].type">
      <span slot="close">
        <i class="el-icon-close ApprovalClose" @click="openClose"> </i>
      </span>
    </securityGuard>
    <!-- 保安培训公司备案 -->
    <securityTraining class="securityTraining" :type="dataCard[3].type">
      <span slot="close">
        <i class="el-icon-close ApprovalClose" @click="openClose"> </i>
      </span>
    </securityTraining>
    <!-- 自招保安单位备案撤销 -->
    <cancellationOfFiling class="cancellationOfFiling" :type="dataCard[4].type">
      <span slot="close">
        <i class="el-icon-close ApprovalClose" @click="openClose"> </i>
      </span>
    </cancellationOfFiling>
    </cardPopup>
  </div>
</template>

<script>
import { ourDatas } from "./ourDatas";
import examineCard from "@/components/examineCard/examineCard.vue"; //卡片
import Approval from "@/components/Approval/Approval.vue"; //审批进度查询
import securityPermit from "@/components/securityPermit/securityPermit.vue"; // 保安服务公司许可申请
import crossRegion from "@/components/crossRegion/crossRegion.vue"; // 跨区域经营备案
import securityGuard from "@/components/securityGuard/securityGuard.vue"; // 自招保安单位备案
import securityTraining from "@/components/securityTraining/securityTraining.vue"; // 保安培训公司备案
import cancellationOfFiling from "@/components/cancellationOfFiling/cancellationOfFiling.vue"; // 自招保安单位备案撤销
import cardPopup from "@/components/cardPopup/cardPopup.vue"; // 卡片弹窗
import {
  getDetail,
  // getDetail,
  getList,
  getListre,
  getListrek,
@@ -95,11 +67,7 @@
  components: {
    examineCard: examineCard,
    Approval: Approval,
    securityPermit: securityPermit,
    crossRegion: crossRegion,
    securityGuard: securityGuard,
    securityTraining: securityTraining,
    cancellationOfFiling: cancellationOfFiling,
    cardPopup: cardPopup,
  },
  computed: {
    ...mapGetters(["userInfo"]),
@@ -110,47 +78,9 @@
      showCard: false,
      zhezao: false,
      data: [],
      dataCard: [
        {
          menuName: "保安服务公司许可申请",
          centerUrl: "/img/logo.png",
          // topUrl: "url(/img/服务许可背景图.jpg)",
          topUrl: "url(/img/login-sq1.png)",
          topUrlh: "url(/img/login-sq11.png)",
          // topUrl: "/img/服务许可背景图.jpg",
          targetUrl: "per",
          type: 0,
        },
        {
          menuName: "跨区域经营备案",
          centerUrl: "/img/logo.png",
          topUrl: "url(/img/login-sq2.png)",
          topUrlh: "url(/img/login-sq22.png)",
          type: 3,
        },
        {
          menuName: "自招保安单位备案",
          centerUrl: "/img/logo.png",
          topUrl: "url(/img/login-sq3.png)",
          topUrlh: "url(/img/login-sq33.png)",
          type: 1,
        },
        {
          menuName: "保安培训公司备案",
          centerUrl: "/img/logo.png",
          topUrl: "url(/img/login-sq4.png)",
          topUrlh: "url(/img/login-sq44.png)",
          type: 2,
        },
        {
          menuName: "自招保安单位备案撤销",
          centerUrl: "/img/logo.png",
          topUrl: "url(/img/login-sq5.png)",
          topUrlh: "url(/img/login-sq55.png)",
          type: 6,
        },
      ],
      dataCard: [],
      out: true,
      d: [],
    };
  },
  computed: {
@@ -164,6 +94,7 @@
      total: 0,
    };
    this.onLoad(page);
    this.dataCard = ourDatas;
  },
  methods: {
    onLoad(page, params = {}) {
@@ -177,7 +108,7 @@
            this.data = this.data.concat(resk.data.data.records);
            getListrev(page.currentPage, page.pageSize, params).then((resv) => {
              this.data = this.data.concat(resv.data.data.records);
              console.log(this.data.length);
              console.log("已有申请数量", this.data.length);
              if (this.data.length >= 1) {
                // this.$store.commit("changehandle", false);
              } else {
@@ -187,7 +118,7 @@
              this.data.forEach((item) => {
                for (const key in this.dataCard) {
                  if (this.dataCard[key].type == item.ptype) {
                    console.log(this.dataCard[key].menuName);
                    console.log("已申请名称", this.dataCard[key].menuName);
                  }
                }
              });
@@ -226,27 +157,7 @@
        this.$store.commit("doitApprovalShow", true);
        return;
      }
      if (val == 0) {
        //保安服务公司许可
        console.log(this.dataCard[val].menuName);
        this.$store.commit("changeuseWhere", val);
      } else if (val == 1) {
        //跨区域经营备案
        this.$store.commit("changeuseWhere", val);
        console.log(this.dataCard[val].menuName);
      } else if (val == 2) {
        //自招保安单位备案
        this.$store.commit("changeuseWhere", val);
        console.log(this.dataCard[val].menuName);
      } else if (val == 3) {
        //保安培训公司备案
        this.$store.commit("changeuseWhere", val);
        console.log(this.dataCard[val].menuName);
      } else if (val == 4) {
        //自招保安单位备案撤销
        this.$store.commit("changeuseWhere", val);
        console.log(this.dataCard[val].menuName);
      }
      this.$store.commit("changeuseWhere", val);
    },
  },
};

 src/views/home/ourDatas.js

New file
@@ -0,0 +1,98 @@
import {
    securityPermitcolumn,//保安服务许可申请
    securityTrainingcolumn,//保安培训许可申请
    crossRegioncolumn,//跨区域经营备案
    branchOfficecolumn, //设立分公司备案
    securityGuardcolumn,//自招保安单位备案
    cancellationOfFilingcolumn //自招保安单位备案撤销
} from './column'

import {
    crossRegion,// 跨区域经营备案
    securityTraining, //保安培训许可申请
    securityPermit, //保安服务许可申请
    branchOffice, //设立分公司备案
    securityGuard,//自招保安单位备案
    cancellationOfFiling//自招保安单位备案撤销
} from './htmls'

export var ourDatas = [
    {
        menuName: "保安服务许可申请",
        centerUrl: "/img/logo.png",
        // topUrl: "url(/img/服务许可背景图.jpg)",
        topUrl: "url(/img/login-sq1.png)",
        topUrlh: "url(/img/login-sq11.png)",
        // topUrl: "/img/服务许可背景图.jpg",
        targetUrl: "per",
        type: 0,
        datas: {
            htmls: securityPermit,
            column: securityPermitcolumn,
            apiName: ['permit/save', 'permit/storage', 'permit/selectIn']
        }
    },
    {
        menuName: "保安培训许可申请",
        centerUrl: "/img/logo.png",
        topUrl: "url(/img/login-sq4.png)",
        topUrlh: "url(/img/login-sq44.png)",
        type: 1,
        datas: {
            htmls: securityTraining,
            column: securityTrainingcolumn,
            apiName: ['permit/save', 'permit/storage', 'permit/selectIn']
        }
    },

    {
        menuName: "设立分公司备案",
        centerUrl: "/img/logo.png",
        topUrl: "url(/img/login-sq2.png)",
        topUrlh: "url(/img/login-sq22.png)",
        type: 2,
        datas: {
            htmls: branchOffice,
            column: branchOfficecolumn,
            apiName: ['record/save', 'record/rocordsave', 'record/selectIn']
        }

    },
    {
        menuName: "自招保安单位备案",
        centerUrl: "/img/logo.png",
        topUrl: "url(/img/login-sq3.png)",
        topUrlh: "url(/img/login-sq33.png)",
        type: 3,
        datas: {
            htmls: securityGuard,
            column: securityGuardcolumn,
            apiName: ['record/save', 'record/rocordsave', 'record/selectIn']
        }
    },

    {
        menuName: "自招保安单位撤销备案",
        centerUrl: "/img/logo.png",
        topUrl: "url(/img/login-sq5.png)",
        topUrlh: "url(/img/login-sq55.png)",
        type: 4,
        datas: {
            htmls: cancellationOfFiling,
            column: cancellationOfFilingcolumn,
            apiName: ['revoke/save', 'revoke/revokesave', 'revoke/selectIn']
        }
    },
    {
        menuName: "跨区域经营备案",
        centerUrl: "/img/logo.png",
        topUrl: "url(/img/login-sq10.png)",
        topUrlh: "url(/img/login-sq1010.png)",
        type: 5,
        datas: {
            htmls: crossRegion,
            column: crossRegioncolumn,
            apiName: ['recordk/save', 'recordk/recorkstorage', 'recordk/selectIn']
        }
    }
]

 vue.config.js

@@ -29,7 +29,7 @@
        // target: 'http://localhost:81',
        //远程演示服务地址,可用于直接启动项目
        // target: 'https://saber.bladex.vip/api',
        target: 'http://192.168.0.109:81',
        target: 'http://192.168.0.103:81',
        ws: true,
        pathRewrite: {
          '^/api': '/'

 zhba_application_x3.zip

Binary files differ