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

liuyg

2021-08-25 22f558363f391cf0d3447a68ebd82e8f67b14da7

 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: "提交申请成功",